import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
import { RadioGroup } from './radio-group.js';
import { PortfolioRadioButton } from './portfolio-radio.js';
import '@base-ui/react/radio';
import '@base-ui/react/radio-group';
import './portfolio-form-controls-visuals.js';

interface RadioCardGroupProps extends React.ComponentProps<typeof RadioGroup> {
    className?: string;
    children?: React.ReactNode;
}
declare function RadioCardGroup({ className, ...props }: RadioCardGroupProps): react_jsx_runtime.JSX.Element;
interface RadioCardOptionProps extends Omit<React.ComponentProps<typeof PortfolioRadioButton>, "children"> {
    title: string;
    description?: string;
    subDetail?: string;
    /** Full-width block above the label row (e.g. template preview strip). */
    media?: React.ReactNode;
    trailing?: React.ReactNode;
    /** When true, hides the radio control and optionally shows `leading` (e.g. icon). */
    hideControl?: boolean;
    /** Visible leading slot when `hideControl` is true (icon, avatar, etc.). */
    leading?: React.ReactNode;
    /** Optional override for the leading square container (defaults to 40px + primary tint). */
    leadingContainerClassName?: string;
    /** Optional override for the title typography. */
    titleClassName?: string;
    id?: string;
}
declare function RadioCardOption({ className, title, description, subDetail, media, trailing, hideControl, leading, leadingContainerClassName, titleClassName, id: idProp, ...props }: RadioCardOptionProps): react_jsx_runtime.JSX.Element;

export { RadioCardGroup, RadioCardOption };
