/**
 * Either `value` or `defaultValue` MUST be set.
 *
 * This component may similar to NavigationBar in some aspects, but you can notice that
 * Tabs is easier to change the `value`, this is by design.
 *
 * @specs https://m3.material.io/components/tabs/specs
 */
export declare const Tabs: import('react').ForwardRefExoticComponent<{
    value?: string;
    defaultValue?: string;
    onChange?: (value: string) => void;
    items: Array<{
        value: string;
        /**
         * You can omit the label, it will show the `value`
         */
        label?: React.ReactNode;
        icon?: React.ReactNode;
        disabled?: boolean;
        /**
         * @default "column"
         */
        direction?: React.CSSProperties["flexDirection"];
    }>;
    /**
     * @default "primary"
     */
    variant?: "primary" | "secondary" | "block" | "text" | "rounded";
    full?: boolean;
} & Omit<import('react').HTMLProps<HTMLElement>, "as" | "ref" | "value" | "defaultValue" | "onChange" | "variant" | "items" | "full"> & import('react').RefAttributes<HTMLDivElement>>;