@ultraviolet/plus
Version:
Ultraviolet Plus
59 lines (58 loc) • 5.24 kB
JavaScript
"use client";
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const jsxRuntime = require("@emotion/react/jsx-runtime");
const _styled = require("@emotion/styled/base");
const ProductIcon = require("@ultraviolet/icons/product");
const ui = require("@ultraviolet/ui");
const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
function _interopNamespaceCompat(e) {
if (e && typeof e === "object" && "default" in e) return e;
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
if (e) {
for (const k in e) {
if (k !== "default") {
const d = Object.getOwnPropertyDescriptor(e, k);
Object.defineProperty(n, k, d.get ? d : {
enumerable: true,
get: () => e[k]
});
}
}
}
n.default = e;
return Object.freeze(n);
}
const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
const ProductIcon__namespace = /* @__PURE__ */ _interopNamespaceCompat(ProductIcon);
const StyledCard = /* @__PURE__ */ _styled__default.default(ui.Card, process.env.NODE_ENV === "production" ? {
target: "ebaosvo0"
} : {
target: "ebaosvo0",
label: "StyledCard"
})("padding:", ({
theme
}) => theme.space["2"], ";text-align:left;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRkFRL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9GQVEvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0ICogYXMgUHJvZHVjdEljb24gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zL3Byb2R1Y3QnXG5pbXBvcnQgeyBCdWxsZXQsIENhcmQsIFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBQYXNjYWxUb0NhbWVsQ2FzZVdpdGhvdXRTdWZmaXggfSBmcm9tICcuLi8uLi90eXBlcydcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbmBcblxudHlwZSBGQVFQcm9wcyA9IHtcbiAgZGVzY3JpcHRpb246IHN0cmluZ1xuICBwcm9kdWN0SWNvbk5hbWU/OiBQYXNjYWxUb0NhbWVsQ2FzZVdpdGhvdXRTdWZmaXg8XG4gICAga2V5b2YgdHlwZW9mIFByb2R1Y3RJY29uLFxuICAgICdQcm9kdWN0SWNvbidcbiAgPlxuICBpbGx1c3RyYXRpb25UZXh0PzogbnVtYmVyIHwgc3RyaW5nXG4gIG5vdGVzPzogc3RyaW5nXG4gIHRpdGxlOiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEZBUSA9ICh7XG4gIHByb2R1Y3RJY29uTmFtZSxcbiAgaWxsdXN0cmF0aW9uVGV4dCxcbiAgdGl0bGUsXG4gIGRlc2NyaXB0aW9uLFxuICBub3Rlcyxcbn06IEZBUVByb3BzKSA9PiB7XG4gIGNvbnN0IFByb2R1Y3RJY29uVXNlZCA9IHByb2R1Y3RJY29uTmFtZVxuICAgID8gUHJvZHVjdEljb25bXG4gICAgICAgIGAke1xuICAgICAgICAgIHByb2R1Y3RJY29uTmFtZS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIHByb2R1Y3RJY29uTmFtZS5zbGljZSgxKVxuICAgICAgICB9UHJvZHVjdEljb25gIGFzIGtleW9mIHR5cGVvZiBQcm9kdWN0SWNvblxuICAgICAgXVxuICAgIDogbnVsbFxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENhcmQ+XG4gICAgICA8U3RhY2sgZ2FwPXsyfSBkaXJlY3Rpb249XCJyb3dcIj5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICB7IXByb2R1Y3RJY29uTmFtZSAmJiBpbGx1c3RyYXRpb25UZXh0ID8gKFxuICAgICAgICAgICAgPEJ1bGxldCBzZW50aW1lbnQ9XCJwcmltYXJ5XCIgdGV4dD17aWxsdXN0cmF0aW9uVGV4dC50b1N0cmluZygpfSAvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIHtQcm9kdWN0SWNvblVzZWQgPyA8UHJvZHVjdEljb25Vc2VkIHNpemU9XCJ4bGFyZ2VcIiAvPiA6IG51bGx9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxUZXh0IGFzPVwicFwiIHZhcmlhbnQ9XCJib2R5U3Ryb25nZXJcIiBwcm9taW5lbmNlPVwic3Ryb25nXCI+XG4gICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDxUZXh0IGFzPVwiZGl2XCIgdmFyaWFudD1cImJvZHlTbWFsbFwiPlxuICAgICAgICAgICAge2Rlc2NyaXB0aW9ufVxuICAgICAgICAgICAge25vdGVzID8gKFxuICAgICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwiY2FwdGlvblwiIGFzPVwic21hbGxcIiBpdGFsaWM+XG4gICAgICAgICAgICAgICAge25vdGVzfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9TdGFjaz5cbiAgICA8L1N0eWxlZENhcmQ+XG4gIClcbn1cbiJdfQ== */"));
const FAQ = ({
productIconName,
illustrationText,
title,
description,
notes
}) => {
const ProductIconUsed = productIconName ? ProductIcon__namespace[`${productIconName.charAt(0).toUpperCase() + productIconName.slice(1)}ProductIcon`] : null;
return /* @__PURE__ */ jsxRuntime.jsx(StyledCard, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { gap: 2, direction: "row", children: [
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
!productIconName && illustrationText ? /* @__PURE__ */ jsxRuntime.jsx(ui.Bullet, { sentiment: "primary", text: illustrationText.toString() }) : null,
ProductIconUsed ? /* @__PURE__ */ jsxRuntime.jsx(ProductIconUsed, { size: "xlarge" }) : null
] }),
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "p", variant: "bodyStronger", prominence: "strong", children: title }),
/* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { as: "div", variant: "bodySmall", children: [
description,
notes ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { variant: "caption", as: "small", italic: true, children: notes }) : null
] })
] })
] }) });
};
exports.FAQ = FAQ;