import {Story} from '@storybook/vue3';
import Icon from './Icon.vue';
import './Icon.dark.scss';
export default {
title: 'Components/Icon',
component: Icon,
argTypes: {},
args: {
name: 'ic:round-home',
},
};
export const Default: Story<{}> = (args) => ({
setup() {
return {args};
},
components: {Icon},
template: ``,
});
Default.parameters = {
docs: {
source: {
code: '',
},
},
};
export const Sizes: Story<{}> = (args) => ({
components: {Icon},
template: `
`,
});
Sizes.parameters = {
docs: {
source: {
code: `
`,
},
},
};
export const CustomClass = Default.bind({});
CustomClass.args = {
class: 'w-10 h-10',
};
CustomClass.parameters = {
docs: {
source: {
code: '',
},
},
};
export const DarkMode: Story = (args) => ({
components: {Icon},
setup() {
return {args};
},
template: `
`,
});