@prefect9/ui/components/Select/Option.js

UI React components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _icons = _interopRequireDefault(require("../../icons"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function Option(_ref) {
  let {
    children,
    place,
    selected,
    value
  } = _ref;
  if (place === 'body') return children;
  if (place === 'multi-body') return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    className: "prefect9-select__option-multi",
    "data-value": value,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      children: children
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.default.Close, {})]
  });
  if (place === 'modal') return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    className: "prefect9-select__option-modal ".concat(selected ? 'prefect9-select__option-modal__active' : ''),
    "data-value": value,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      children: children
    }), selected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.default.Checkmark, {}) : null]
  });
  return null;
}
var _default = exports.default = Option;