import { jsx as _jsx } from "react/jsx-runtime";
import { Card } from "../../Card";
import { Steps, StepsItem } from "../Steps";
const stepsData = [
    {
        title: "Calorie Surplus",
        details: "Explore effective methods for gaining weight in a healthy way, such as creating balanced meal plans, incorporating resistance exercises, and focusing on nutrient-rich foods.",
    },
    {
        title: "Protein Intake",
        details: "Uncover effective approaches to achieve healthy weight gain, including designing nutritious meal schedules, engaging in strength workouts, and utilizing dietary supplements.",
    },
    {
        title: "Resistance Training",
        details: "Learn about optimal techniques for healthy weight gain, featuring personalized meal strategies, weightlifting routines, and essential vitamins and minerals.",
    },
    {
        title: "Rest and Recovery",
        details: "Find out the top tips for gaining weight healthily, like meal prepping, doing strength training exercises, and choosing high-calorie, nutritious snacks.",
    },
];
const meta = {
    title: "Components/Steps",
    component: Steps,
    parameters: {
        layout: "centered",
        docs: {
            description: {
                component: "```tsx\nimport { Steps, StepsItem } from '@openuidev/react-ui';\n```",
            },
        },
    },
    tags: ["!dev", "autodocs"],
    argTypes: {
        children: {
            control: false,
            description: "StepsItem components to be rendered",
            table: {
                category: "Content",
                type: { summary: "React.ReactNode" },
                defaultValue: { summary: "undefined" },
                required: true,
            },
        },
    },
};
export default meta;
export const StepsStory = {
    name: "Steps",
    render: () => (_jsx(Card, { style: { width: "500px" }, children: _jsx(Steps, { children: stepsData.map((step, index) => (_jsx(StepsItem, { ...step }, index))) }) })),
    parameters: {
        docs: {
            source: {
                code: `
const steps = [
  {
    title: "Calorie Surplus",
    details: "Explore effective methods for gaining weight in a healthy way...",
  },
  {
    title: "Protein Intake",
    details: "Uncover effective approaches to achieve healthy weight gain...",
  },
  {
    title: "Resistance Training",
    details: "Learn about optimal techniques for healthy weight gain...",
  },
  {
    title: "Rest and Recovery",
    details: "Find out the top tips for gaining weight healthily...",
  },
];

<Card style={{ width: "500px" }}>
  <Steps>
    {steps.map((step, index) => (
      <StepsItem key={index} title={step.title} details={step.details} />
    ))}
  </Steps>
</Card>`,
            },
        },
    },
};
//# sourceMappingURL=steps.stories.js.map