import { type CSSProperties, type ReactNode, type Ref } from 'react';
type DetailsSummaryShowcaseImage = {
    src: string;
    alt?: string;
    objectPosition?: string;
};
type DetailsSummaryShowcaseItem = {
    id?: string;
    title: ReactNode;
    content: ReactNode;
    image: DetailsSummaryShowcaseImage;
};
type DetailsSummaryShowcaseTheme = 'system' | 'light' | 'dark';
type DetailsSummaryShowcaseProps = {
    items?: readonly DetailsSummaryShowcaseItem[];
    coverImage?: DetailsSummaryShowcaseImage | null;
    openId?: string | null;
    defaultOpenId?: string | null;
    onOpenChange?: (openId: string | null) => void;
    name?: string;
    theme?: DetailsSummaryShowcaseTheme;
    debug?: boolean;
    ariaLabel?: string;
    className?: string;
    style?: CSSProperties;
    ref?: Ref<HTMLElement>;
};
declare const DetailsSummaryShowcase: ({ items, coverImage, openId: controlledOpenId, defaultOpenId, onOpenChange, name, theme, debug, ariaLabel, className, style, ref, }: DetailsSummaryShowcaseProps) => import("react/jsx-runtime").JSX.Element;
export { DetailsSummaryShowcase };
export type { DetailsSummaryShowcaseImage, DetailsSummaryShowcaseItem, DetailsSummaryShowcaseProps, DetailsSummaryShowcaseTheme, };