UNPKG

@kiwicom/orbit-components

Version:

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com's products.

20 lines (19 loc) 1.38 kB
"use strict"; "use client"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default; exports.__esModule = true; exports.default = void 0; var _clsx = _interopRequireDefault(require("clsx")); var _react = _interopRequireDefault(require("react")); const FakeRadio = ({ checked, disabled, hasError }) => { return /*#__PURE__*/_react.default.createElement("div", { className: (0, _clsx.default)("relative box-border", "flex flex-none items-center justify-center", "size-icon-medium rounded-full", "duration-fast scale-100 transition-all ease-in-out", "border-solid", checked ? "border-2" : "border", disabled && "bg-cloud-light border-cloud-dark cursor-not-allowed", !disabled && ["bg-form-element-background cursor-pointer active:scale-95", checked && "border-form-element-focus hover:border-form-element-focus active:border-form-element-focus", !checked && hasError && "border-form-element-error hover:border-form-element-error-hover active:border-form-element-error", !checked && !hasError && "border-cloud-dark hover:border-cloud-dark-hover active:border-cloud-dark-active"]) }, /*#__PURE__*/_react.default.createElement("span", { className: (0, _clsx.default)("size-[10px] rounded-full", disabled ? "bg-cloud-dark" : "bg-blue-normal", checked ? "visible" : "invisible") })); }; var _default = exports.default = FakeRadio;