@kloudlite/design-system/atoms/radio.d.ts

A design system for building ambitious products.

import { ReactElement, ReactNode } from 'react';
type labelPlacements = 'left' | 'right' | (string & NonNullable<unknown>);
interface IRadioItem {
    disabled?: boolean;
    value: string;
    children: ReactNode;
    className?: string;
    withBounceEffect?: boolean;
    labelPlacement?: labelPlacements;
}
interface IRadioGroup {
    value: string;
    onChange?: (value: string) => void;
    label?: string;
    disabled?: boolean;
    children: ReactElement | ReactElement[];
    className?: string;
    labelPlacement?: labelPlacements;
    withBounceEffect?: boolean;
    direction?: 'vertical' | 'horizontal';
}
export declare const Item: ({ disabled, value, children, className, withBounceEffect, labelPlacement, }: IRadioItem) => import("react/jsx-runtime").JSX.Element;
export declare const Root: ({ value, onChange, label, disabled, children, className, labelPlacement, withBounceEffect, direction, }: IRadioGroup) => import("react/jsx-runtime").JSX.Element;
declare const Radio: {
    Root: ({ value, onChange, label, disabled, children, className, labelPlacement, withBounceEffect, direction, }: IRadioGroup) => import("react/jsx-runtime").JSX.Element;
    Item: ({ disabled, value, children, className, withBounceEffect, labelPlacement, }: IRadioItem) => import("react/jsx-runtime").JSX.Element;
};
export default Radio;