@essential-js/ui/dropdown/dropdown.mjs

EssentialJS UI

import * as dependency_0 from '@beyond-js/kernel/bundle';
import * as dependency_1 from '@beyond-js/kernel/styles';
import * as dependency_2 from 'iconsax-react';
import * as dependency_3 from 'react';

const {Bundle: __Bundle} = dependency_0;
const __pkg = new __Bundle({"module":{"vspecifier":"@essential-js/ui@1.0.0/dropdown"},"type":"code"}, import.meta.url).package();;

__pkg.dependencies.update([['@beyond-js/kernel/styles', dependency_1],['iconsax-react', dependency_2],['react', dependency_3]]);

brequire('@beyond-js/kernel/styles').styles.register('@essential-js/ui@1.0.0/dropdown')


const ims = new Map();

/***********************
INTERNAL MODULE: ./index
***********************/

ims.set('./index', {hash: 2612874647, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Dropdown = Dropdown;
var _iconsaxReact = require("iconsax-react");
var _react = require("react");
/*bundle*/function Dropdown({
  title = '',
  children,
  ...props
}) {
  const [isOpen, setIsOpen] = _react.default.useState(false);
  const cls = isOpen ? 'open' : '';
  function toggleOpen() {
    setIsOpen(!isOpen);
  }
  return _react.default.createElement("section", {
    className: `essential__dropdown ${props.className}`,
    ...props
  }, _react.default.createElement("header", {
    className: `title__element ${cls}`,
    onClick: toggleOpen
  }, _react.default.createElement("h6", null, title), _react.default.createElement(_iconsaxReact.ArrowRight2, {
    className: "icon"
  })), isOpen && _react.default.createElement("div", {
    className: "content"
  }, children));
}
}});

__pkg.exports.descriptor = [{"im":"./index","from":"Dropdown","name":"Dropdown"}];

export let Dropdown;

// Module exports
__pkg.exports.process = function({require, prop, value}) {
    (require || prop === 'Dropdown') && (Dropdown = require ? require('./index').Dropdown : value);

};
export const __beyond_pkg = __pkg;

export const hmr = new (function () {
    this.on = (event, listener) => void 0;
    this.off = (event, listener) => void 0;
});


__pkg.initialise(ims);
//# sourceMappingURL=dropdown.mjs.map