import styled from 'styled-components';
import {
  BaseContainer as CommonContainer,
  Text as CommonText,
  Checkbox as FormsCheckbox,
} from '@veeqo/ui';

const Container = styled(CommonContainer)`
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 24px;

  > label > div {
    align-items: center;
  }
`;

const Text = styled(CommonText)`
  line-height: 20px;
  margin: 2px 0 0 42px;
`;

const Checkbox = styled(FormsCheckbox)``;

export {
  Container,
  Text,
  Checkbox,
};