export const PickerBox: import("styled-components").StyledComponent<"div", any, {}, never>;
export const StyledTimePeriod: import("styled-components").StyledComponent<"span", any, {}, never>;
export const StyledCustomTimePeriod: import("styled-components").StyledComponent<"span", any, {}, never>;
export const StyledDropdown: import("styled-components").StyledComponent<({ title, children, className, renderTitle, isOpen, onMenuToggle, anchorCorner, renderOpener, }: {
    title: any;
    children: any;
    className: any;
    renderTitle: any;
    isOpen?: boolean;
    onMenuToggle: any;
    anchorCorner?: string;
    renderOpener: any;
}) => JSX.Element, any, {}, never>;
export const DropdownIcon: import("styled-components").StyledComponent<import("react").FC<import("@netdata/netdata-ui/lib/components/icon").IconProps>, any, {}, never>;
export const CustomInput: import("styled-components").StyledComponent<"input", any, {}, never>;
export const StyledDrop: import("styled-components").StyledComponent<import("react").FC<import("@netdata/netdata-ui/lib/components/drops/drop").DropProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>, any, {
    background: string;
    round: number;
    margin: number[];
    border: {
        side: string;
        color: string;
    };
    animation: boolean;
}, "round" | "background" | "margin" | "border" | "animation">;
export const StyledHR: import("styled-components").StyledComponent<"hr", any, {}, never>;