import Validation from '../Output/Validation';
import Background from '@/Components/Layout/Background';
import { min } from '@/styles/mq';
import { memo } from 'react';
import styled from 'styled-components';

const Wrapper = styled(Background)`
  padding: 4px 10px;

  ${min('laptop')} {
    padding: 4px 18px;
  }
`;

export const Component = memo(() => (
  <Wrapper>
    <Validation.Component />
  </Wrapper>
));