import React from 'react';
import type { MouseEvent } from 'react';
import type { RootProps } from '../../../../engines/types';
import type { SegmentItemProps } from './SegmentItem.types';
export declare const segmentItemRoot: (Root: RootProps<HTMLLabelElement, SegmentItemProps>) => React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
    value: string;
    id?: string;
    label?: React.ReactNode;
    pilled?: boolean;
    customHandleSelect?: (e: MouseEvent<HTMLButtonElement>) => void;
    size?: string;
    view?: string;
    contentLeft?: React.ReactNode;
    contentRight?: React.ReactNode | string;
    maxItemWidth?: React.CSSProperties["width"];
} & React.RefAttributes<HTMLLabelElement>>;
export declare const segmentItemConfig: {
    name: string;
    tag: string;
    layout: (Root: RootProps<HTMLLabelElement, SegmentItemProps>) => React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
        value: string;
        id?: string;
        label?: React.ReactNode;
        pilled?: boolean;
        customHandleSelect?: (e: MouseEvent<HTMLButtonElement>) => void;
        size?: string;
        view?: string;
        contentLeft?: React.ReactNode;
        contentRight?: React.ReactNode | string;
        maxItemWidth?: React.CSSProperties["width"];
    } & React.RefAttributes<HTMLLabelElement>>;
    base: import("styled-components").FlattenSimpleInterpolation;
    variations: {
        size: {
            css: import("styled-components").FlattenSimpleInterpolation;
        };
        view: {
            css: import("styled-components").FlattenSimpleInterpolation;
        };
        disabled: {
            css: import("styled-components").FlattenSimpleInterpolation;
            attrs: boolean;
        };
        pilled: {
            css: import("styled-components").FlattenSimpleInterpolation;
            attrs: boolean;
        };
    };
    defaults: {
        view: string;
        size: string;
    };
};
//# sourceMappingURL=SegmentItem.d.ts.map