import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import './RadioButton.scss';
import Tooltip from '../Tooltip';
import Typography from '../Typography';
const RadioButton = ({ label, name, checked, onChange, value, disabled = false, showTooltip = false, tooltipChildren = 'Custom JSX', tooltipTitle = 'Custom JSX', tooltipPosition = 'right', onBlur = () => { }, alignIconCenter = true, radioMarginTop, }) => {
    return (_jsxs("div", { className: "ff-radio-wrapper", onClick: (event) => event.stopPropagation(), children: [_jsxs("label", { className: `ff-radio ${alignIconCenter ? 'ff-radio-align-icon' : ''} ${disabled ? 'ff-radio--disabled' : ''}`, children: [_jsxs("span", { style: radioMarginTop ? { marginTop: radioMarginTop } : {}, children: [_jsx("input", { disabled: disabled, type: "radio", name: name, value: value, checked: checked, onChange: onChange, onBlur: onBlur, className: "ff-radio-input" }), _jsx("div", { className: "ff-radio-custom", children: _jsx("div", { className: "ff-radio-custom-fill" }) })] }), _jsx(Typography, { color: "var(--text-color)", children: label })] }), showTooltip && (_jsx(Tooltip, { title: tooltipTitle, placement: tooltipPosition, children: tooltipChildren }))] }));
};
export default RadioButton;
//# sourceMappingURL=RadioButton.js.map