import { type CSSProperties, type HTMLAttributes, type ReactNode } from 'react';
export type ExpandingFilterTabsItem = {
    ariaLabel?: string;
    disabled?: boolean;
    icon?: ReactNode;
    label: ReactNode;
    value: string;
};
type ExpandingFilterTabsStyle = CSSProperties & {
    '--expanding-filter-tabs-active-bg'?: string;
    '--expanding-filter-tabs-active-text'?: string;
    '--expanding-filter-tabs-bg'?: string;
    '--expanding-filter-tabs-focus'?: string;
    '--expanding-filter-tabs-label-max'?: string;
    '--expanding-filter-tabs-text'?: string;
};
export type ExpandingFilterTabsProps = {
    activeBackground?: string;
    activeTextColor?: string;
    ariaLabel?: string;
    background?: string;
    defaultValue?: string;
    disabled?: boolean;
    focusColor?: string;
    items?: readonly ExpandingFilterTabsItem[];
    name?: string;
    onValueChange?: (value: string, item: ExpandingFilterTabsItem) => void;
    required?: boolean;
    textColor?: string;
    value?: string;
} & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue' | 'onChange' | 'style'> & {
    style?: ExpandingFilterTabsStyle;
};
export declare const ExpandingFilterTabs: ({ activeBackground, activeTextColor, ariaLabel, background, className, defaultValue, disabled, focusColor, items, name, onValueChange, required, style, textColor, value, ...props }: ExpandingFilterTabsProps) => import("react/jsx-runtime").JSX.Element;
export {};