@kiwicom/orbit-components/lib/Checkbox/FakeCheckbox/index.js

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

"use strict";
"use client";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _Check = _interopRequireDefault(require("../../icons/Check"));
const FakeCheckbox = ({
  checked,
  disabled,
  hasError
}) => /*#__PURE__*/_react.default.createElement("div", {
  className: (0, _clsx.default)("orbit-fake-checkbox", "relative box-border", "border border-solid", "flex shrink-0 grow-0 basis-auto items-center justify-center", "size-icon-medium", "rounded-150 de:rounded-100", "duration-fast transition-all ease-in-out", "[&>svg]:size-icon-small", "[&>svg]:flex [&>svg]:items-center [&>svg]:justify-center", "hover:shadow-none", checked ? "[&>svg]:visible" : "[&>svg]:invisible", disabled ? ["border-cloud-dark", checked ? "bg-cloud-dark" : "bg-form-element-disabled-background"] : [checked && !hasError && "border-blue-normal bg-blue-normal hover:border-blue-dark hover:bg-blue-dark", checked && hasError && "border-blue-normal bg-blue-normal", !checked && "bg-form-element-background ", !checked && hasError && "border-form-element-error", !checked && !hasError && "border-form-element-border-color hover:border-blue-light-active"])
}, /*#__PURE__*/_react.default.createElement(_Check.default, {
  ariaHidden: true,
  customColor: "white"
}));
var _default = exports.default = FakeCheckbox;