import type { Meta, StoryObj } from '@storybook/angular';
import { UploadStatusBannerComponent } from './upload-status-banner.component';

const meta: Meta<UploadStatusBannerComponent> = {
  title: 'Molecules/UploadStatusBanner',
  component: UploadStatusBannerComponent,
  render: (args) => ({
    props: args,
    template: `<app-upload-status-banner [message]="message" [type]="type" />`,
  }),
};
export default meta;
type Story = StoryObj<UploadStatusBannerComponent>;

export const Info: Story = {
  args: { type: 'info', message: 'Uw documenten worden geüpload.' },
};

export const Error: Story = {
  args: { type: 'error', message: 'De categorieën konden niet worden geladen.' },
};