import styled from "styled-components";
import "react-datepicker/dist/react-datepicker.css";
import { ContainerStyles } from './interface';

export const Container = styled.div<ContainerStyles>`
  width: 100%;
  display: flex;
  flex-direction: column;
  .react-datepicker-wrapper {
    width: 100%;
    input {
      border: none;
      color: #4D4F5C;
      border-bottom: 1px solid #00000033;
      outline: none;
      font-size: 18px;
      padding: 8px;
      width: 100%;
      font-size: 16px;
    }
  }
`

export const Label = styled.label`
  font-size: 14px;
  margin: 0 0 4px 0;
  color: #666;
`