import { min } from '@/styles/mq';
import type { PropsWithChildren } from 'react';
import styled from 'styled-components';

const Flex = styled.div`
  display: flex;
  flex-direction: column;

  ${min('laptop')} {
    flex-direction: row;
    justify-content: center;
  }
`;

export function Layout({ children }: PropsWithChildren) {
  return <Flex>{children}</Flex>;
}