@payfit/unity-components
Version:
36 lines (35 loc) • 1.75 kB
JavaScript
import { EmptyState as e } from "../EmptyState.js";
import { EmptyStateContent as t } from "../parts/EmptyStateContent.js";
import { EmptyStateIcon as n } from "../parts/EmptyStateIcon.js";
import { forwardRef as r } from "react";
import { jsx as i, jsxs as a } from "react/jsx-runtime";
import { useIntl as o } from "react-intl";
//#region src/components/empty-state/presets/EmptyStateGoodJob.tsx
var s = r(({ title: r, description: s, ...c }, l) => {
let u = o().formatMessage({
id: "unity:component:empty-state:good-job:title",
defaultMessage: "Good job"
});
return /* @__PURE__ */ a("div", {
className: "uy:relative uy:w-full uy:min-h-[200px] uy:isolate",
children: [/* @__PURE__ */ a(e, {
ref: l,
className: "uy:relative uy:z-2",
...c,
children: [/* @__PURE__ */ i(n, {
icon: "CheckOutlined",
variant: "success"
}), /* @__PURE__ */ i(t, {
title: r || u,
description: s
})]
}), /* @__PURE__ */ i("div", {
className: "uy:absolute uy:top-0 uy:z-0 uy:left-1/2 uy:-translate-x-1/2 uy:h-full uy:pointer-events-none uy:aspect-square uy:mask-radial-at-center uy:mask-radial-from-0% uy:mask-radial-to-70%",
style: { backgroundImage: "\n repeating-linear-gradient(\n 0deg,\n #e5e7eb 0px,\n #e5e7eb 1px,\n transparent 1px,\n transparent 32px\n ),\n repeating-linear-gradient(\n 90deg,\n #e5e7eb 0px,\n #e5e7eb 1px,\n transparent 1px,\n transparent 32px\n )\n " },
"aria-hidden": "true"
})]
});
});
s.displayName = "EmptyStateGoodJob";
//#endregion
export { s as EmptyStateGoodJob };