import { jsx as _jsx } from "react/jsx-runtime";
import { useState } from 'react';
import { GetSvgIcon } from '..';
import './style.scss';
const RadioButton = ({ value, }) => {
    const [isClicked, setIsClicked] = useState(false);
    const handleClick = () => {
        setIsClicked((prev) => !prev);
        value(!isClicked);
    };
    return (_jsx("div", { children: _jsx("span", { className: `radio-svg ${isClicked ? 'clicked' : ''}`, onClick: handleClick, children: _jsx(GetSvgIcon, { iconType: 'radio', iconSize: '16' }) }) }));
};
export default RadioButton;
