34 lines
1 KiB
TypeScript
34 lines
1 KiB
TypeScript
import SponsorTokenExpires from "./SponsorTokenExpires.vue";
|
|
import type { Meta, StoryFn } from "@storybook/vue3";
|
|
|
|
export default {
|
|
title: "Savings/SponsorTokenExpires",
|
|
component: SponsorTokenExpires,
|
|
parameters: {
|
|
layout: "centered",
|
|
},
|
|
argTypes: {
|
|
expiresSoon: { control: "boolean", description: "Whether sponsorship is expiring soon" },
|
|
expiresAt: { control: "text", description: "Date when the sponsor token expires" },
|
|
name: { control: "text", description: "Name of the sponsor token" },
|
|
},
|
|
} as Meta<typeof SponsorTokenExpires>;
|
|
|
|
// Template for rendering the component
|
|
const Template: StoryFn<typeof SponsorTokenExpires> = (args) => ({
|
|
components: { SponsorTokenExpires },
|
|
setup() {
|
|
return { args };
|
|
},
|
|
template: '<SponsorTokenExpires v-bind="args" />',
|
|
});
|
|
|
|
// Create stories for each variant
|
|
export const SomeDay = Template.bind({});
|
|
SomeDay.args = {
|
|
expiresSoon: true,
|
|
expiresAt: new Date(Date.now() + 22 * 20 * 60 * 1000).toISOString(),
|
|
};
|
|
|
|
export const Empty = Template.bind({});
|
|
Empty.args = {};
|