import { type HTMLAttributes, type ReactNode } from 'react';
import { type CssLength } from '../../../utils/css';
export type RecipeTabsCardItem = {
    value: string;
    label: ReactNode;
    eyebrow?: ReactNode;
    title: ReactNode;
    description?: ReactNode;
    details?: readonly ReactNode[];
    content?: ReactNode;
};
export type RecipeTabsCardProps = {
    accentColor?: string;
    ariaLabel?: string;
    backgroundColor?: string;
    defaultValue?: string;
    height?: CssLength;
    items?: readonly RecipeTabsCardItem[];
    mutedColor?: string;
    name?: string;
    onValueChange?: (value: string) => void;
    shellColor?: string;
    surfaceColor?: string;
    textColor?: string;
    value?: string;
    width?: CssLength;
} & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'>;
export declare const RecipeTabsCard: ({ accentColor, ariaLabel, backgroundColor, className, defaultValue, height, items, mutedColor, name, onValueChange, shellColor, style, surfaceColor, textColor, value: controlledValue, width, ...props }: RecipeTabsCardProps) => import("react/jsx-runtime").JSX.Element;