/// <reference types="react" />
import DatePicker from 'react-datepicker';
import { StyledComponentsProps } from './types';
declare const Label: import("styled-components").StyledComponent<"span", any, {} & import("@veeqo/ui/dist/components/Text/types").TextProps, never>;
declare const DatePickerContainer: import("styled-components").StyledComponent<"div", any, StyledComponentsProps, never>;
declare const CalendarContainer: import("styled-components").StyledComponent<"div", any, StyledComponentsProps, never>;
declare const Calendar: import("styled-components").StyledComponent<typeof DatePicker, any, {}, never>;
declare const ControlsContainer: import("styled-components").StyledComponent<"div", any, StyledComponentsProps, never>;
declare const DateRangeLabel: import("styled-components").StyledComponent<"span", any, {} & import("@veeqo/ui/dist/components/Text/types").TextProps, never>;
declare const Select: import("styled-components").StyledComponent<({ cta, shouldShowDropdown, children, className, reversed, onClickAway, timeout, transitionClassnames, onClick, onMouseEnter, onMouseLeave, }: import("@veeqo/ui/dist/components/AnimatedDropdown/types").AnimatedDropdownProps) => import("react").JSX.Element, any, StyledComponentsProps, never>;
declare const SelectButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
    children?: import("react").ReactNode;
    variant?: import("@veeqo/ui/dist/components/Button/types").ButtonVariant | undefined;
    size?: "base" | "sm" | undefined;
    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
    dropdown?: boolean | undefined;
    loading?: boolean | undefined;
} & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
interface SubmitButtonProps {
    width?: string;
    marginBottom?: string;
    marginLeft?: string;
    marginRight?: string;
}
export declare const SubmitButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
    children?: import("react").ReactNode;
    variant?: import("@veeqo/ui/dist/components/Button/types").ButtonVariant | undefined;
    size?: "base" | "sm" | undefined;
    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
    dropdown?: boolean | undefined;
    loading?: boolean | undefined;
} & import("react").RefAttributes<HTMLButtonElement>>, any, SubmitButtonProps, never>;
declare const SelectItemsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
declare const SelectItem: import("styled-components").StyledComponent<"span", any, {} & import("@veeqo/ui/dist/components/Text/types").TextProps, never>;
declare const DateRangeInputsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
declare const ButtonContainer: import("styled-components").StyledComponent<"div", any, StyledComponentsProps, never>;
declare const DateRangeInputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
declare const DateRangeInputsDivider: import("styled-components").StyledComponent<"span", any, {} & import("@veeqo/ui/dist/components/Text/types").TextProps, never>;
declare const DateRangeInput: import("styled-components").StyledComponent<import("react").FC<Omit<import("@veeqo/ui/dist/components/types").EventHandlerProps, "onChange" | "onKeyDown"> & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "onKeyDown" | "autoComplete"> & {
    className?: string | undefined;
    type?: import("@veeqo/ui/dist/components/TextField/types").TextFieldType | undefined;
    value: string;
    onChange: (value: string) => void;
    placeholder?: string | undefined;
    step?: string | undefined;
    name?: string | undefined;
    min?: string | undefined;
    max?: string | undefined;
    pattern?: string | undefined;
    hasError?: boolean | undefined;
    size?: "base" | "sm" | undefined;
    multiline?: boolean | undefined;
    rows?: string | undefined;
    invalid?: boolean | undefined;
    disabled?: boolean | undefined;
    spellCheck?: boolean | undefined;
} & import("@veeqo/ui/dist/hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
declare const ComparePeriodContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
declare const ComparePeriodLabel: import("styled-components").StyledComponent<"span", any, {} & import("@veeqo/ui/dist/components/Text/types").TextProps, never>;
export { Label, DatePickerContainer, CalendarContainer, Calendar, DateRangeLabel, Select, SelectButton, SelectItemsContainer, SelectItem, ControlsContainer, DateRangeInputsContainer, DateRangeInputContainer, DateRangeInputsDivider, DateRangeInput, ComparePeriodContainer, ComparePeriodLabel, ButtonContainer, };
//# sourceMappingURL=styled.d.ts.map