import { useTranslation } from 'react-i18next';
import React from 'react';
import { RadioButtonWrap } from "./RadioButtonWrap";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var RadioButton = function RadioButton(_ref) {
  var label = _ref.label,
    checked = _ref.checked,
    onClick = _ref.onClick;
  var _useTranslation = useTranslation(),
    t = _useTranslation.t;
  return /*#__PURE__*/_jsx(RadioButtonWrap, {
    children: /*#__PURE__*/_jsxs("div", {
      className: "radioButtonContainer",
      onClick: onClick,
      children: [/*#__PURE__*/_jsx("div", {
        className: "radioContainer",
        children: checked && /*#__PURE__*/_jsx("div", {
          className: "radio"
        })
      }), /*#__PURE__*/_jsx("span", {
        className: "labelSpan",
        children: t(label)
      })]
    })
  });
};
export default RadioButton;