import CollectibleDetail from "./CollectibleDetail.vue";

export default {
  title: "Organisms/CollectibleDetail",
  component: CollectibleDetail,
};

export const ListingDetail = {
  args: {
    title: "Charizard ex #199/165",
    status: "AVAILABLE",
    priceMinor: 11500,
    marketValueMinor: 12000,
    condition: "Near Mint",
    description: "A clean collector copy with a clear front and back.",
    facts: [
      { label: "Set", value: "Scarlet & Violet 151" },
      { label: "Card number", value: "199/165" },
      { label: "Market context", value: "$120 reference" },
      { label: "Updated", value: "Today" },
    ],
    images: [
      { id: "front", label: "FRONT", alt: "Front of Charizard ex" },
      { id: "back", label: "BACK", alt: "Back of Charizard ex" },
    ],
  },
};

export const ProductWithoutImages = {
  args: {
    title: "Pikachu World Collection",
    description:
      "A representative product identity with images still to be added.",
    facts: [{ label: "Category", value: "Collectible merchandise" }],
  },
};