import React from "react";
import { DateIcon } from "./assets/DateIcon";
import { StyledInput } from "./Input.styled";
import { InputProps } from "./types";

const Input: React.FC<InputProps> & {
  Date: React.FC<any>;
} = props => {
  return <StyledInput {...props} />;
};

const Date: React.FC<InputProps> = props => {
  return <StyledInput {...props} suffix={<DateIcon />} type="date" />;
};

Input.Date = Date;

export default Input;