import { Meta, StoryObj } from "@storybook/react";
import React from "react";
import Card from "./index";

const meta: Meta = {
  title: "Components/Card",
  component: Card,
  parameters: {
    layout: "centered",
  },
  tags: ["autodocs"],
};

// Export the metadata as default
export default meta;

type Story = StoryObj<typeof meta>;

export const Default: Story = {
  // Normal.args = {children: <Button width={'132px'} height={'42px'} color={'white'} margin={'20px 0px'} backgroundColor={'blue'} buttonText={'Secondary'} />}
  args: {
    children: <div style={{ width: "300px", height: "300px" }}></div>,
  },
};

export const Primary: Story = {
  args: {
    children: (
      <div>
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Vero enim
        sapiente ea a, minima ratione quibusdam deserunt eius voluptatum quidem,
        architecto sequi corporis reprehenderit? Eos et aspernatur eaque
        voluptatibus laboriosam.
      </div>
    ),
  },
};