import { jsxs as i, Fragment as c, jsx as a } from "react/jsx-runtime";
import { T as r, C as e, a as t, R as m, c as d, P as o, A as n } from "../index-sdOMz8GW.js";
import "lucide-react";
import "react-router-dom";
import "react";
import "react-dom";
const s = [
  { subject: "Performance", teamA: 85, teamB: 70, teamC: 60 },
  { subject: "Reliability", teamA: 90, teamB: 80, teamC: 75 },
  { subject: "Scalability", teamA: 70, teamB: 85, teamC: 90 },
  { subject: "Security", teamA: 95, teamB: 75, teamC: 80 },
  { subject: "Usability", teamA: 80, teamB: 90, teamC: 70 },
  { subject: "Efficiency", teamA: 75, teamB: 65, teamC: 85 }
], A = () => /* @__PURE__ */ i(c, { children: [
  /* @__PURE__ */ i("div", { className: "text-center space-y-4", children: [
    /* @__PURE__ */ a(r, { tag: "h2", className: "text-base md:text-base font-semibold", children: "RadarChart" }),
    /* @__PURE__ */ a(
      r,
      {
        tag: "p",
        className: "text-sm text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
        children: "Radar chart component for comparing multiple variables across categories, ideal for skill assessments and performance comparisons."
      }
    )
  ] }),
  /* @__PURE__ */ a(e, { className: "overflow-hidden", children: /* @__PURE__ */ a(t, { title: "Basic Radar Chart", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
    m,
    {
      data: s,
      series: [{ dataKey: "teamA", name: "Team A" }],
      height: 350
    }
  ) }) }) }),
  /* @__PURE__ */ a(e, { className: "overflow-hidden", children: /* @__PURE__ */ a(t, { title: "Multiple Series Comparison", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
    m,
    {
      data: s,
      series: [
        { dataKey: "teamA", name: "Team A" },
        { dataKey: "teamB", name: "Team B" },
        { dataKey: "teamC", name: "Team C" }
      ],
      height: 350
    }
  ) }) }) }),
  /* @__PURE__ */ a(e, { className: "overflow-hidden", children: /* @__PURE__ */ a(t, { title: "Higher Fill Opacity", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
    m,
    {
      data: s,
      series: [
        { dataKey: "teamA", name: "Team A" },
        { dataKey: "teamB", name: "Team B" }
      ],
      fillOpacity: 0.6,
      height: 350
    }
  ) }) }) }),
  /* @__PURE__ */ a(e, { className: "overflow-hidden", children: /* @__PURE__ */ a(t, { title: "Usage", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
    d,
    {
      code: `import { RadarChart } from '@e-burgos/tucu-ui';

const data = [
  { subject: 'Performance', teamA: 85, teamB: 70 },
  { subject: 'Reliability', teamA: 90, teamB: 80 },
  { subject: 'Scalability', teamA: 70, teamB: 85 },
  { subject: 'Security', teamA: 95, teamB: 75 },
  { subject: 'Usability', teamA: 80, teamB: 90 },
];

<RadarChart
  data={data}
  series={[
    { dataKey: 'teamA', name: 'Team A' },
    { dataKey: 'teamB', name: 'Team B' },
  ]}
  height={350}
  fillOpacity={0.3}
  showTooltip
  showLegend
/>`,
      language: "tsx"
    }
  ) }) }) }),
  /* @__PURE__ */ a(
    o,
    {
      componentName: "RadarChart",
      defaultValues: {
        height: 350,
        fillOpacity: 0.3,
        showTooltip: !0,
        showLegend: !0,
        animate: !0
      },
      excludeProps: ["data", "series", "colors", "className", "emptyMessage"],
      children: (l) => /* @__PURE__ */ a(
        m,
        {
          data: s,
          series: [
            { dataKey: "teamA", name: "Team A" },
            { dataKey: "teamB", name: "Team B" }
          ],
          ...l
        }
      )
    }
  ),
  /* @__PURE__ */ a(n, { componentName: "RadarChart" })
] });
export {
  A as default
};
