@penaprieto/design-system
Version:
Multi-brand React design system with design tokens from Figma
17 lines (16 loc) • 1.3 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.RadioCard = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
require("./RadioCard.css");
const RadioCard = ({ label, description, icon, disabled, className = '', onChange, checked, defaultChecked, name, value, id, ...rest }) => {
const rootClassName = [
'ds-radio-card',
disabled && 'ds-radio-card--disabled',
className,
]
.filter(Boolean)
.join(' ');
return ((0, jsx_runtime_1.jsxs)("label", { className: rootClassName, children: [(0, jsx_runtime_1.jsx)("input", { id: id, type: "radio", className: "ds-radio-card__input", name: name, value: value, disabled: disabled, checked: checked, defaultChecked: defaultChecked, onChange: onChange, ...rest }), (0, jsx_runtime_1.jsxs)("div", { className: "ds-radio-card__content", children: [icon && (0, jsx_runtime_1.jsx)("span", { className: "ds-radio-card__icon", children: icon }), (0, jsx_runtime_1.jsxs)("div", { className: "ds-radio-card__text", children: [(0, jsx_runtime_1.jsx)("span", { className: "ds-radio-card__label", children: label }), description && ((0, jsx_runtime_1.jsx)("span", { className: "ds-radio-card__description", children: description }))] })] })] }));
};
exports.RadioCard = RadioCard;