@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
JavaScript
;
"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;