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

Opinionated design system for Drivy's projects.

import React from 'react';
import cx from 'classnames';

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

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