import type { ComponentPropsWithoutRef, ReactNode } from 'react';
import { type CssLength } from '../../../utils/css';
export type FlutedCardNavItem = {
    id: string;
    label: string;
    icon?: ReactNode;
    href?: string;
    defaultActive?: boolean;
};
export type FlutedCardProps = Omit<ComponentPropsWithoutRef<'article'>, 'title' | 'children'> & {
    title?: ReactNode;
    eyebrow?: ReactNode;
    description?: ReactNode;
    children?: ReactNode;
    imageSrc?: string | null;
    imageAlt?: string;
    items?: readonly FlutedCardNavItem[];
    activeItemId?: string;
    defaultActiveItemId?: string;
    navLabel?: string;
    width?: CssLength;
    height?: CssLength;
    radius?: CssLength;
    onActiveItemChange?: (itemId: string) => void;
};
export declare const FlutedCard: ({ title, eyebrow, description, children, imageSrc, imageAlt, items, activeItemId, defaultActiveItemId, navLabel, width, height, radius, onActiveItemChange, className, style, ...props }: FlutedCardProps) => import("react/jsx-runtime").JSX.Element;