export declare const SegmentGroup: import("react").FunctionComponent<import("../../../engines/types").PropsType<{
    view: {
        clear: import("styled-components").FlattenSimpleInterpolation;
        filled: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        xs: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        l: import("styled-components").FlattenSimpleInterpolation;
        xl: import("styled-components").FlattenSimpleInterpolation;
    };
    disabled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    pilled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    stretch: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    filledBackground: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    orientation: {
        vertical: import("styled-components").FlattenSimpleInterpolation;
    };
}> & import("../../..").SegmentGroupProps & import("react").RefAttributes<HTMLDivElement>>;
export declare const SegmentItem: import("react").FunctionComponent<import("../../../engines/types").PropsType<{
    view: {
        clear: import("styled-components").FlattenSimpleInterpolation;
        secondary: import("styled-components").FlattenSimpleInterpolation;
        default: import("styled-components").FlattenSimpleInterpolation;
        accent: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        xs: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        l: import("styled-components").FlattenSimpleInterpolation;
        xl: import("styled-components").FlattenSimpleInterpolation;
    };
    disabled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    pilled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
    value: string;
    id?: string;
    label?: React.ReactNode;
    pilled?: boolean;
    customHandleSelect?: (e: import("react").MouseEvent<HTMLButtonElement>) => void;
    size?: string;
    view?: string;
    contentLeft?: React.ReactNode;
    contentRight?: React.ReactNode | string;
    maxItemWidth?: import("react").CSSProperties["width"];
} & import("react").RefAttributes<HTMLLabelElement>>;
export declare const SegmentIconItem: import("react").FunctionComponent<import("../../../engines/types").PropsType<{
    view: {
        clear: import("styled-components").FlattenSimpleInterpolation;
        secondary: import("styled-components").FlattenSimpleInterpolation;
        default: import("styled-components").FlattenSimpleInterpolation;
        accent: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        xs: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        l: import("styled-components").FlattenSimpleInterpolation;
        xl: import("styled-components").FlattenSimpleInterpolation;
    };
    disabled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    pilled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
    value: string;
    id?: string;
    icon?: React.ReactNode;
    pilled?: boolean;
    customHandleSelect?: (e: import("react").MouseEvent<HTMLButtonElement>) => void;
    size?: string;
    view?: string;
} & import("react").RefAttributes<HTMLButtonElement>>;
//# sourceMappingURL=Segment.d.ts.map