alouette/dist/definitions/ui/inputs/RadioCardGroup.d.ts

A modern, customizable design system built on top of NativeWind v5 with configurable defaults

import type { ReactNode } from "react";
import { type VariantProps } from "tailwind-variants";
import { type SelectionGroupProps } from "../selection/SelectionContext";
declare const radioCardGroupVariants: import("tailwind-variants").TVReturnType<{
    layout: {
        list: string;
        stack: string;
    };
}, undefined, "gap-xs", {
    layout: {
        list: string;
        stack: string;
    };
}, undefined, import("tailwind-variants").TVReturnType<{
    layout: {
        list: string;
        stack: string;
    };
}, undefined, "gap-xs", unknown, unknown, undefined>>;
type RadioCardGroupVariantProps = VariantProps<typeof radioCardGroupVariants>;
export type RadioCardGroupLayout = NonNullable<RadioCardGroupVariantProps["layout"]>;
export type RadioCardGroupVariant = "contained" | "outlined";
interface RadioCardGroupAppearance {
    layout: RadioCardGroupLayout;
    variant: RadioCardGroupVariant;
}
/** Lets a card size itself for the row it flows in and take the group's material. */
export declare function useRadioCardGroupAppearance(): RadioCardGroupAppearance;
export interface RadioCardGroupProps extends SelectionGroupProps, RadioCardGroupVariantProps {
    /** The material every card shares: the selected card takes the accent, the
     * others the neutral theme. */
    variant?: RadioCardGroupVariant;
    className?: string;
}
export declare function RadioCardGroup({ value, defaultValue, onValueChange, accent, disabled, layout, variant, className, children, ...props }: RadioCardGroupProps): ReactNode;
export {};
//# sourceMappingURL=RadioCardGroup.d.ts.map