59 lines
1.1 KiB
TypeScript
59 lines
1.1 KiB
TypeScript
import Footer from "./Footer.vue";
|
|
import type { Meta, StoryFn } from "@storybook/vue3";
|
|
|
|
export default {
|
|
title: "Footer/Footer",
|
|
component: Footer,
|
|
argTypes: {
|
|
version: { control: "object" },
|
|
savings: { control: "object" },
|
|
},
|
|
} as Meta<typeof Footer>;
|
|
|
|
const Template: StoryFn<typeof Footer> = (args) => ({
|
|
components: { Footer },
|
|
setup() {
|
|
return { args };
|
|
},
|
|
template: '<Footer v-bind="args" />',
|
|
});
|
|
|
|
export const Default = Template.bind({});
|
|
Default.args = {
|
|
version: {
|
|
installed: "0.401",
|
|
available: "0.401",
|
|
},
|
|
savings: {
|
|
statistics: {
|
|
"30d": { solarPercentage: 50 },
|
|
},
|
|
},
|
|
};
|
|
|
|
export const UpdateNightly = Template.bind({});
|
|
UpdateNightly.args = {
|
|
version: {
|
|
installed: "0.400",
|
|
available: "0.400",
|
|
commit: "5ce7be4",
|
|
},
|
|
savings: {
|
|
statistics: {
|
|
"30d": { solarPercentage: 22 },
|
|
},
|
|
},
|
|
};
|
|
|
|
export const UpdateAvailable = Template.bind({});
|
|
UpdateAvailable.args = {
|
|
version: {
|
|
installed: "0.400",
|
|
available: "0.500",
|
|
},
|
|
savings: {
|
|
statistics: {
|
|
"30d": { solarPercentage: 100 },
|
|
},
|
|
},
|
|
};
|