@kiwicom/orbit-components/es/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 client";

import React from "react";
import cx from "clsx";
import Check from "../../icons/Check";
const FakeCheckbox = ({
  checked,
  disabled,
  hasError
}) => /*#__PURE__*/React.createElement("div", {
  className: cx("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.createElement(Check, {
  ariaHidden: true,
  customColor: "white"
}));
export default FakeCheckbox;