@kiwicom/orbit-components/lib/ChoiceGroup/components/FilterWrapper.js

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

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _ButtonLink = _interopRequireDefault(require("../../ButtonLink"));
const FilterWrapper = ({
  child,
  children,
  onOnlySelection,
  onlySelectionText
}) => {
  const {
    value,
    label,
    disabled
  } = child.props;
  return /*#__PURE__*/React.createElement("div", {
    className: (0, _clsx.default)("h-form-box-small pl-xxs box-border flex w-full items-center rounded-[4px]", !disabled && "hover:[@media(hover)_and_(pointer:fine)]:bg-blue-light focus-within:[@media(hover)_and_(pointer:fine)]:bg-blue-light group")
  }, children, onOnlySelection && !disabled && /*#__PURE__*/React.createElement("div", {
    className: (0, _clsx.default)("orbit-choice-group-filter-wrapper", "[@media(hover)_and_(pointer:fine)]:invisible [@media(hover)_and_(pointer:fine)]:opacity-0", "[@media(hover:none)]:visible [@media(hover:none)]:opacity-30 hover:[@media(hover:none)]:opacity-100", "group-hover:[@media(hover)_and_(pointer:fine)]:visible group-hover:[@media(hover)_and_(pointer:fine)]:opacity-100", "group-focus-within:[@media(hover)_and_(pointer:fine)]:visible group-focus-within:[@media(hover)_and_(pointer:fine)]:opacity-100")
  }, /*#__PURE__*/React.createElement(_ButtonLink.default, {
    type: "secondary",
    size: "small",
    onClick: ev => {
      onOnlySelection(ev, {
        value,
        label
      });
    }
  }, onlySelectionText)));
};
var _default = FilterWrapper;
exports.default = _default;