'use strict';

var clsx = require('clsx');
var Body = require('../body/Body.js');
var RadioButton = require('../common/RadioButton/RadioButton.js');
var jsxRuntime = require('react/jsx-runtime');
var typography = require('../common/propsValues/typography.js');

function Radio({
  label,
  id,
  disabled,
  className,
  avatar,
  secondary,
  ...otherProps
}) {
  return /*#__PURE__*/jsxRuntime.jsx("div", {
    className: clsx.clsx('radio np-radio', {
      'radio-lg': secondary,
      'radio-disabled': disabled
    }, className),
    children: /*#__PURE__*/jsxRuntime.jsxs("label", {
      className: clsx.clsx({
        disabled
      }),
      htmlFor: id,
      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
        className: "m-r-2 np-radio-button",
        children: /*#__PURE__*/jsxRuntime.jsx(RadioButton, {
          id: id,
          disabled: disabled,
          ...otherProps
        })
      }), /*#__PURE__*/jsxRuntime.jsxs(Body, {
        as: "span",
        type: secondary ? typography.Typography.BODY_LARGE_BOLD : typography.Typography.BODY_LARGE,
        className: "np-radio__text",
        children: [label, secondary && /*#__PURE__*/jsxRuntime.jsx(Body, {
          as: "span",
          children: secondary
        })]
      }), avatar && /*#__PURE__*/jsxRuntime.jsx("span", {
        className: "np-radio__avatar m-l-auto",
        children: avatar
      })]
    })
  });
}

module.exports = Radio;
//# sourceMappingURL=Radio.js.map
