import React from "react";
import { Meta, StoryFn } from "@storybook/react";
import { ResourceCard, ResourceCardProps } from "./ResourceCard";

export default {
  title: "Molecules/Resource Card",
  component: ResourceCard,
} as Meta;

const Template: StoryFn<ResourceCardProps> = (args) => (
  <ResourceCard {...args} />
);

export const Pdf = Template.bind({});
Pdf.args = {
  url: "https://picsum.photos/259/236",
  title: "A practitioner’s guide to starting your own practice",
  tag: "$299.5",
  mediaText: "PDF by",
  mediaType: "pdf",
  userName: "Dr Laura McKendry",
};
export const Video = Template.bind({});
Video.args = {
  url: "https://picsum.photos/259/236",
  title: "Interview with one of Australia's top surgeons",
  tag: "$299.5",
  mediaText: "Video shared by",
  mediaType: "video",
  userName: "Dr Laura McKendry",
};
export const Podcast = Template.bind({});
Podcast.args = {
  url: "https://picsum.photos/259/236",
  title: "Round the traps: 2023's most uplifting medical journeys",
  tag: "$299.5",
  mediaText: "Podcast shared by",
  mediaType: "podcast",
  userName: "Dr Laura McKendry",
};

export const Article = Template.bind({});
Article.args = {
  url: "https://picsum.photos/259/236",
  title: "Is this the new frontier of pathology?",
  tag: "$299.5",
  mediaText: "Article by",
  mediaType: "article",
  userName: "Dr Laura McKendry",
};
export const MediaRelease = Template.bind({});
MediaRelease.args = {
  url: "https://picsum.photos/259/236",
  title: "A practitioner’s guide to starting your own practice",
  tag: "$299.5",
  mediaText: "Media Release",
  mediaType: "media-release",
};
export const Editorial = Template.bind({});
Editorial.args = {
  url: "https://picsum.photos/259/236",
  title: "Interview with one of Australia's top surgeons",
  tag: "$299.5",
  mediaText: "Editorial",
  mediaType: "editorial",
};
export const Testimonial = Template.bind({});
Testimonial.args = {
  url: "https://picsum.photos/259/236",
  title: "Round the traps: 2023's most uplifting medical journeys",
  tag: "$299.5",
  mediaText: "Testimonial",
  mediaType: "testimonial",
};
export const Letter = Template.bind({});
Letter.args = {
  url: "https://picsum.photos/259/236",
  title: "Is this the new frontier of pathology?",
  tag: "$299.5",
  mediaText: "Letter by",
  mediaType: "letter",
  userName: "Dr Laura McKendry",
};
export const BookReview = Template.bind({});
BookReview.args = {
  url: "https://picsum.photos/259/236",
  title: "A practitioner's guide to starting your own practice",
  tag: "$299.5",
  mediaText: "Book review",
  mediaType: "book-review",
};
export const TemplateCard = Template.bind({});
TemplateCard.args = {
  url: "https://picsum.photos/259/236",
  title: "A practitioner’s guide to starting your own practice",
  tag: "$299.5",
  mediaText: "Template",
  mediaType: "template",
};
export const Report = Template.bind({});
Report.args = {
  url: "https://picsum.photos/259/236",
  title: "2024 Medical Report",
  tag: "$299.5",
  mediaText: "Report by",
  mediaType: "report",
  userName: "AMA Victoria",
};
