2023-05-26 15:58:06 +02:00
|
|
|
import { Meta, StoryObj } from "@storybook/angular";
|
2022-08-03 21:40:04 +02:00
|
|
|
|
|
|
|
import { BitIconComponent } from "./icon.component";
|
|
|
|
|
|
|
|
export default {
|
|
|
|
title: "Component Library/Icon",
|
|
|
|
component: BitIconComponent,
|
|
|
|
args: {
|
|
|
|
icon: "reportExposedPasswords",
|
|
|
|
},
|
|
|
|
} as Meta;
|
|
|
|
|
2023-05-26 15:58:06 +02:00
|
|
|
type Story = StoryObj<BitIconComponent>;
|
2022-08-03 21:40:04 +02:00
|
|
|
|
2023-05-26 15:58:06 +02:00
|
|
|
export const ReportExposedPasswords: Story = {
|
|
|
|
render: (args) => ({
|
|
|
|
props: args,
|
|
|
|
template: `
|
|
|
|
<div class="tw-bg-primary-500 tw-p-5">
|
|
|
|
<bit-icon [icon]="icon" class="tw-text-primary-300"></bit-icon>
|
|
|
|
</div>
|
|
|
|
`,
|
|
|
|
}),
|
|
|
|
};
|
2022-08-03 21:40:04 +02:00
|
|
|
|
2023-05-26 15:58:06 +02:00
|
|
|
export const UnknownIcon: Story = {
|
|
|
|
...ReportExposedPasswords,
|
|
|
|
args: {
|
|
|
|
icon: "unknown" as any,
|
|
|
|
},
|
2022-08-03 21:40:04 +02:00
|
|
|
};
|