import type React from 'react';
import type { GlobalHTMLAttributes } from './types';
export interface BaseSelectableCardProps extends Omit<GlobalHTMLAttributes, 'title'> {
    /**
     * Main title or label for the card.
     */
    title: string;
    /**
     * Optional metadata (e.g., pricing, status).
     */
    meta?: string;
    /**
     * Optional description text.
     */
    description?: string;
    /**
     * Optional image configuration.
     * Can be either an object with image properties or a custom React element (e.g., Next.js Image).
     * When using a custom element, ensure it respects the 52px height constraint applied by CSS.
     */
    image?: {
        /**
         * Image source URL.
         */
        src: string;
        /**
         * Alt text for the image.
         */
        alt?: string;
        /**
         * Loading strategy for the image.
         * @default 'lazy'
         */
        loading?: 'lazy' | 'eager';
        /**
         * Aspect ratio of the image.
         * @default '1:1'
         */
        aspectRatio?: '1:1' | '16:9';
        /**
         * Error handler for when the image fails to load.
         */
        onError?: React.ReactEventHandler<HTMLImageElement>;
    } | React.ReactElement;
    /**
     * Custom content that renders below the description.
     * Use this for advanced layouts or interactive elements.
     */
    children?: React.ReactNode;
    /**
     * ARIA labelledby for the input.
     * Only use this when you need to reference multiple elements for the label.
     * The native <label> element already provides proper association.
     */
    'aria-labelledby'?: string;
    /**
     * ARIA describedby for the input.
     * This will be combined with auto-generated IDs for description and meta content.
     */
    'aria-describedby'?: string;
}
export interface SelectableCardBaseRenderProps {
    inputId: string;
    labelId: string;
    effectiveAriaLabelledby: string | undefined;
    effectiveAriaDescribedby: string | undefined;
    inputRef: React.RefObject<HTMLInputElement | null>;
}
interface SelectableCardBaseProps extends BaseSelectableCardProps {
    /**
     * Render function that receives IDs and should return the input element.
     * @internal
     */
    renderInput: (props: SelectableCardBaseRenderProps) => React.ReactNode;
}
/**
 * Internal base component for selectable cards.
 * Handles common rendering logic for card wrapper and content slots.
 * @internal
 */
export declare function SelectableCardBase({ title, meta, description, image, children, id, className, hidden, dir, lang, translate, slot, style, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, renderInput, }: SelectableCardBaseProps): import("react/jsx-runtime").JSX.Element;
export {};