@ultraviolet/plus
Version:
Ultraviolet Plus
39 lines (38 loc) • 4.27 kB
JavaScript
"use client";
import { jsx, jsxs } from "@emotion/react/jsx-runtime";
import _styled from "@emotion/styled/base";
import * as ProductIcon from "@ultraviolet/icons/product";
import { Stack, Bullet, Text, Card } from "@ultraviolet/ui";
const StyledCard = /* @__PURE__ */ _styled(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[`${productIconName.charAt(0).toUpperCase() + productIconName.slice(1)}ProductIcon`] : null;
return /* @__PURE__ */ jsx(StyledCard, { children: /* @__PURE__ */ jsxs(Stack, { gap: 2, direction: "row", children: [
/* @__PURE__ */ jsxs("div", { children: [
!productIconName && illustrationText ? /* @__PURE__ */ jsx(Bullet, { sentiment: "primary", text: illustrationText.toString() }) : null,
ProductIconUsed ? /* @__PURE__ */ jsx(ProductIconUsed, { size: "xlarge" }) : null
] }),
/* @__PURE__ */ jsxs("div", { children: [
/* @__PURE__ */ jsx(Text, { as: "p", variant: "bodyStronger", prominence: "strong", children: title }),
/* @__PURE__ */ jsxs(Text, { as: "div", variant: "bodySmall", children: [
description,
notes ? /* @__PURE__ */ jsx(Text, { variant: "caption", as: "small", italic: true, children: notes }) : null
] })
] })
] }) });
};
export {
FAQ
};