surf-design-system
Version:
Surf Design System
29 lines (28 loc) • 1.14 kB
TypeScript
/** @jsxRuntime classic */
/** @jsx jsx */
import { SerializedStyles } from '@emotion/react';
import React from 'react';
import type { validationSDS, stackDirectionSDS } from '../types/common';
export interface RadioElement {
id: string;
name: React.ReactNode;
value: string;
tabIndex?: number;
}
export interface RadioProps {
groupName: string;
groupLabel?: React.ReactNode;
groupWidth?: string;
direction?: stackDirectionSDS;
radioList: Array<RadioElement>;
labelWidth?: string;
helpText?: React.ReactNode;
validation?: validationSDS;
disabled?: boolean;
defaultValue?: string;
onChange?: React.ChangeEventHandler<HTMLInputElement>;
selectedValue?: string;
labelStackDirection?: stackDirectionSDS;
containerEmotionCss?: SerializedStyles | SerializedStyles[];
}
export default function Radio({ groupName, groupLabel, groupWidth, direction, radioList, labelWidth, helpText, validation, disabled, defaultValue, onChange, selectedValue, labelStackDirection, containerEmotionCss, }: RadioProps): import("@emotion/react/jsx-runtime").JSX.Element;