import type { Meta, StoryObj } from "@storybook/react";
import Component from "./ProductGrid";

const meta: Meta<typeof Component> = {
  title: "Components/ProductGrid",
  component: Component,
};

export default meta;

type Story = StoryObj<typeof Component>;

export const Default: Story = {
  render: (args) => <Component {...args} />,
  args: {
    products: [
      { id: "p1", name: "Winch Plate", price: "$199.00", image: "/assets/sample-1.jpg" },
      { id: "p2", name: "Recovery Straps", price: "$49.00", image: "/assets/sample-2.jpg" },
      { id: "p3", name: "LED Pods", price: "$89.00", image: "/assets/sample-3.jpg" },
    ],
  },
};