// .storybook/stories/PicturePreset.stories.tsx

import type { Meta, StoryObj } from "@storybook/react"
import { PicturePreset } from "./PicturePreset"

const meta: Meta<typeof PicturePreset> = {
  title: "base/shared/PicturePreset",
  component: PicturePreset,
  argTypes: {
    useProxy: { control: "boolean" },
    fetchpriority: { control: { type: "select", options: ["low", "high"] } },
    importance: { control: { type: "select", options: ["low", "high"] } },
    imageWidth: { control: "text" },
    imageHeight: { control: "text" },
  },
}

export default meta

type Story = StoryObj<typeof PicturePreset>

export const Default: Story = {
  args: {
    src: "/uploadfiles/z3186036729664_2aa58d47f70c5c5b3f51ee80509d61f0.jpg", // Update with your image path
    alt: "Sample Image",
    host: "https://investtal.com",
    proxyHost: "https://proxy.yourdomain.com",
    useProxy: false,
    imageWidth: "300",
    imageHeight: "200",
    fetchpriority: "low",
    importance: "low",
  },
}

export const WithProxy: Story = {
  args: {
    src: "/uploadfiles/z3186036729664_2aa58d47f70c5c5b3f51ee80509d61f0.jpg",
    alt: "Sample Image (Proxy)",
    host: "https://investtal.com",
    proxyHost: "https://proxy.yourdomain.com",
    useProxy: true,
    imageWidth: "300",
    imageHeight: "200",
    fetchpriority: "high",
    importance: "high",
  },
}

export const Responsive: Story = {
  args: {
    src: "/uploadfiles/z3186036729664_2aa58d47f70c5c5b3f51ee80509d61f0.jpg",
    alt: "Responsive Image",
    host: "https://investtal.com",
    proxyHost: "https://proxy.yourdomain.com",
    useProxy: false,
    imageWidth: "100%",
    imageHeight: "auto",
    fetchpriority: "low",
    importance: "low",
  },
}