import styled from '@emotion/styled';

const StyledLayout = styled.div`
  display: flex;
  flex-direction: row;
  height: calc(100vh - 32px);
  width: calc(100vw - 32px);
`;

type OwnProps = {
  children: JSX.Element;
};

export function FullHeightStorybookLayout({ children }: OwnProps) {
  return <StyledLayout>{children}</StyledLayout>;
}