@payfit/unity-components
Version:
75 lines (74 loc) • 4.59 kB
JavaScript
import { forwardRef as e } from "react";
import { uyTv as t } from "@payfit/unity-themes";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
//#region src/modules/ai-kit/components/payfit-ai-brand/PayfitAIBrand.tsx
var i = t({
slots: {
root: "uy:inline-flex",
circle: "",
asterisk: ""
},
variants: { appearance: {
color: {
root: ["uy:[filter:drop-shadow(0_0.586667px_1.466667px_rgb(0_0_0_/_0.14))_drop-shadow(0_0_0.293334px_rgb(0_0_0_/_0.3))]"],
circle: ["uy:fill-grayscale-l0"],
asterisk: ["uy:fill-[url(#payfit-ai-gradient)]"]
},
grayscale: {
circle: ["uy:fill-surface-neutral-disabled"],
asterisk: ["uy:fill-content-neutral-disabled"]
}
} }
}), a = e(({ appearance: e = "color", className: t, size: a = 28, ...o }, s) => {
let c = o["aria-hidden"] === !0 || o["aria-hidden"] === "true", { root: l, circle: u, asterisk: d } = i({ appearance: e });
return /* @__PURE__ */ n("span", {
className: l(),
children: /* @__PURE__ */ r("svg", {
...o,
className: t,
ref: s,
"aria-hidden": o["aria-hidden"],
"aria-label": c ? void 0 : o["aria-label"] ?? "Payfit AI",
fill: "none",
height: a,
role: c ? void 0 : o.role ?? "img",
viewBox: "0 0 160 160",
width: a,
xmlns: "http://www.w3.org/2000/svg",
children: [
/* @__PURE__ */ n("rect", {
width: "160",
height: "160",
rx: "80",
className: u()
}),
/* @__PURE__ */ n("path", {
d: "M79.9999 40C81.9653 40 83.8309 40.7225 85.1534 42.0085C86.4741 43.2944 87.1759 45.0386 86.9214 46.8571C86.7676 47.9619 86.6214 49.0667 86.483 50.1714C85.6137 57.1091 85.048 64.0467 84.7853 70.9843C84.7715 71.3499 85.1756 71.5811 85.4883 71.3864C91.4215 67.6922 97.2034 63.7381 102.833 59.5234C103.73 58.8523 104.623 58.1745 105.511 57.4902C106.974 56.3625 108.849 56.0925 110.634 56.5826C112.419 57.0743 113.984 58.3137 114.966 60C115.949 61.6863 116.25 63.6482 115.787 65.4259C115.324 67.2019 114.15 68.676 112.433 69.367C111.39 69.7874 110.351 70.2144 109.316 70.648C102.817 73.371 96.4695 76.3545 90.2735 79.5979C89.947 79.7688 89.947 80.2312 90.2735 80.4021C96.4695 83.6455 102.817 86.629 109.316 89.352C110.351 89.7856 111.39 90.2126 112.433 90.633C114.15 91.324 115.324 92.7981 115.787 94.5741C116.25 96.3518 115.949 98.3137 114.966 100C113.984 101.686 112.419 102.926 110.634 103.417C108.849 103.907 106.974 103.637 105.511 102.51C104.623 101.825 103.73 101.148 102.833 100.477C97.2033 96.2619 91.4216 92.3076 85.4883 88.6134C85.1756 88.4187 84.7715 88.6499 84.7853 89.0155C85.048 95.9532 85.6137 102.891 86.483 109.829C86.6214 110.933 86.7676 112.038 86.9214 113.143C87.1759 114.961 86.4741 116.706 85.1534 117.992C83.8309 119.277 81.9653 120 79.9999 120C78.0345 120 76.1689 119.277 74.8464 117.992C73.5257 116.706 72.8238 114.961 73.0783 113.143C73.2322 112.038 73.3784 110.933 73.5168 109.829C74.3861 102.891 74.9518 95.9532 75.2145 89.0155C75.2283 88.6499 74.8242 88.4187 74.5115 88.6134C68.5783 92.3076 62.7966 96.2619 57.1667 100.477C56.2702 101.148 55.3774 101.825 54.4886 102.51C53.0262 103.637 51.1506 103.907 49.3662 103.417C47.5808 102.926 46.0164 101.686 45.0337 100C44.051 98.3137 43.7498 96.3518 44.2127 94.5741C44.6765 92.7981 45.8501 91.324 47.5671 90.633C48.6097 90.2126 49.6486 89.7856 50.6836 89.352C57.1829 86.629 63.5303 83.6455 69.7263 80.4021C70.0528 80.2312 70.0528 79.7688 69.7263 79.5979C63.5303 76.3545 57.1829 73.371 50.6836 70.648C49.6486 70.2144 48.6097 69.7874 47.5671 69.367C45.8501 68.676 44.6765 67.2019 44.2127 65.4259C43.7498 63.6482 44.051 61.6863 45.0337 60C46.0164 58.3137 47.5808 57.0743 49.3662 56.5826C51.1506 56.0925 53.0262 56.3626 54.4886 57.4902C55.3774 58.1745 56.2702 58.8523 57.1667 59.5234C62.7966 63.7381 68.5783 67.6922 74.5115 71.3864C74.8242 71.5811 75.2283 71.3499 75.2145 70.9843C74.9518 64.0467 74.3861 57.1091 73.5168 50.1714C73.3784 49.0667 73.2322 47.9619 73.0783 46.8571C72.8238 45.0386 73.5257 43.2944 74.8464 42.0085C76.1689 40.7225 78.0345 40 79.9999 40Z",
className: d()
}),
/* @__PURE__ */ n("defs", { children: /* @__PURE__ */ r("linearGradient", {
id: "payfit-ai-gradient",
x1: "44",
y1: "80.2797",
x2: "103.763",
y2: "53.2366",
gradientUnits: "userSpaceOnUse",
children: [
/* @__PURE__ */ n("stop", { stopColor: "#F5DD71" }),
/* @__PURE__ */ n("stop", {
offset: "0.5",
stopColor: "#FF7AFF"
}),
/* @__PURE__ */ n("stop", {
offset: "1",
stopColor: "#9FDFF9"
})
]
}) })
]
})
});
});
a.displayName = "PayfitAIBrand";
//#endregion
export { a as PayfitAIBrand };