import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { RadioLabel, RadioButton as RadioButtonWrapper } from "./styled";
import Text from "../text";
const RadioButton = ({ onClick, value, checked, title, className, }) => {
    return (_jsxs(RadioLabel, { className: `ui-radio-button ${className ?? ""}`, onClick: onClick ? () => onClick(value) : undefined, children: [_jsx(RadioButtonWrapper, { className: "ui-radio-button__input", checked: checked, children: _jsx("div", { className: "ui-radio-button__input__checked" }) }, value), _jsx(Text.F1, { as: "div", className: "ui-radio-button__label", children: title })] }));
};
export default RadioButton;
//# sourceMappingURL=index.js.map