/// <reference types="react" />
export declare const DEFAULT_CONTENT_WIDTH = 400;
declare const Dropdown: 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, {}, never>;
declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
declare const Info: import("styled-components").StyledComponent<"div", any, {}, never>;
declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
declare const Icon: import("styled-components").StyledComponent<({ name, size, color, className, ariaLabel, style, onClick, }: import("../../../../common/Glyph/Glyph").GlyphProps) => import("react").JSX.Element, any, {}, never>;
declare const Field: 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 Bottom: import("styled-components").StyledComponent<"div", any, {}, never>;
declare const Button: 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>;
declare const SharingOptionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
declare const SharingOptions: import("styled-components").StyledComponent<({ options, selected, className, onChange, }: import("@veeqo/ui/dist/components/SegmentedControl/types").SegmentedControlProps) => import("react").JSX.Element, any, {}, never>;
export { Content, Header, Dropdown, Icon, Field, Bottom, Button, Info, SharingOptionsContainer, SharingOptions, };
//# sourceMappingURL=styled.d.ts.map