pragmate-ui/vertical-line/vertical-line.browser.mjs

An advanced, on-demand React UI library optimized for BeyondJS. Pragmate UI provides modular, responsive, and accessible components with a focus on efficient bundle sizes and a streamlined development process.

import * as dependency_0 from '@beyond-js/kernel/bundle';
import * as dependency_1 from '@beyond-js/kernel/styles';
import * as dependency_2 from 'pragmate-ui/base';
import * as dependency_3 from 'react';
import * as dependency_4 from 'pragmate-ui/icons';

const {Bundle: __Bundle} = dependency_0;
const __pkg = new __Bundle({"module":{"vspecifier":"pragmate-ui@1.0.1/vertical-line"},"type":"code"}, import.meta.url).package();;

__pkg.dependencies.update([['@beyond-js/kernel/styles', dependency_1],['pragmate-ui/base', dependency_2],['react', dependency_3],['pragmate-ui/icons', dependency_4]]);

brequire('@beyond-js/kernel/styles').styles.register('pragmate-ui@1.0.1/vertical-line')


const ims = new Map();

/*****************************
INTERNAL MODULE: ./definitions
*****************************/

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
}});

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

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.VerticalLine = VerticalLine;
var _react = require("react");
var _icons = require("pragmate-ui/icons");
/* bundle */function VerticalLine({
  events,
  variant = 'primary'
}) {
  let cls = variant ? `timeline-event__content--icon ${variant}` : 'timeline-event__content--icon';
  const output = events.map((event, index) => _react.default.createElement("div", {
    key: index,
    className: "timeline-event"
  }, _react.default.createElement("div", {
    className: cls
  }, _react.default.createElement(_icons.Icon, {
    icon: event.icon
  })), _react.default.createElement("div", {
    className: "timeline-event__content--block"
  }, _react.default.createElement("header", {
    className: "item-header"
  }, _react.default.createElement("h3", {
    className: "item-header__h3"
  }, event.title), _react.default.createElement("span", {
    className: "item-header__span"
  }, event.date)), _react.default.createElement("p", {
    className: "block-description"
  }, event.description))));
  return _react.default.createElement("div", {
    className: "pui__vertical-line"
  }, _react.default.createElement("div", {
    className: "line"
  }), _react.default.createElement("div", {
    className: "container-timeline"
  }, output));
}
}});

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

export let VerticalLine;

// Module exports
__pkg.exports.process = function({require, prop, value}) {
    (require || prop === 'VerticalLine') && (VerticalLine = require ? require('./index').VerticalLine : 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=vertical-line.browser.mjs.map