@drivy/cobalt/components/Form/RadioWithDetails.js

Opinionated design system for Drivy's projects.

import { jsxs, jsx } from 'react/jsx-runtime';
import cx from 'classnames';
import React from 'react';

const RadioWithDetails = ({ icon, title, description, className, ...inputProps }) => {
    return (jsxs("label", { className: cx("cobalt-radio-with-details", !description && "cobalt-radio-with-details--noDescription", className), children: [jsx("input", { ...inputProps, type: "radio", className: "cobalt-radio-with-details__input" }), jsxs("div", { className: "cobalt-radio-with-details__inner", children: [icon &&
                        React.cloneElement(icon, {
                            className: "cobalt-radio-with-details__icon",
                        }), jsxs("div", { className: "cobalt-radio-with-details__content", children: [jsx("div", { className: "cobalt-radio-with-details__title", children: title }), description && (jsx("div", { className: "cobalt-radio-with-details__description", children: description }))] }), jsx("div", { className: "cobalt-radio-with-details__visual-input" })] })] }));
};

export { RadioWithDetails as default };
//# sourceMappingURL=RadioWithDetails.js.map