analytica-frontend-lib
Version:
Repositório público dos componentes utilizados nas plataformas da Analytica Ensino
80 lines (78 loc) • 1.9 kB
JavaScript
import {
ReportLayout
} from "./chunk-JPAENAZB.mjs";
import {
Text_default
} from "./chunk-IMCIR6TJ.mjs";
import {
cn
} from "./chunk-53ICLDGS.mjs";
// src/components/PerformanceReport/PerformanceReport.tsx
import { jsx, jsxs } from "react/jsx-runtime";
var PerformanceCard = ({
data,
className,
...props
}) => {
const { label, value, icon } = data;
return /* @__PURE__ */ jsxs(
"div",
{
className: cn(
"flex flex-col gap-3 p-5 bg-background border border-border-50 rounded-xl",
className
),
"data-testid": `performance-card-${data.id}`,
...props,
children: [
/* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2", children: [
/* @__PURE__ */ jsx("span", { className: "text-text-600 [&>svg]:w-4 [&>svg]:h-4", children: icon }),
/* @__PURE__ */ jsx(
Text_default,
{
weight: "bold",
className: "text-text-600 uppercase text-[8px] leading-[100%]",
children: label
}
)
] }),
/* @__PURE__ */ jsx(
Text_default,
{
size: "2xl",
weight: "bold",
className: "text-primary-800 leading-[100%] tracking-[0.2px]",
children: value
}
)
]
}
);
};
var PerformanceReport = ({
tabs,
defaultTab,
activeTab,
onTabChange,
className,
...props
}) => /* @__PURE__ */ jsx(
ReportLayout,
{
tabs,
defaultTab,
activeTab,
onTabChange,
renderCard: (card) => /* @__PURE__ */ jsx(PerformanceCard, { data: card }, card.id),
gridTestId: "performance-report-cards",
className,
...props
}
);
var PerformanceReport_default = PerformanceReport;
export {
PerformanceCard,
PerformanceReport,
PerformanceReport_default
};
//# sourceMappingURL=chunk-HQQ6UAQ4.mjs.map