import type { Meta, StoryObj } from '@storybook/react-vite'; import argTypes from '../../../.storybook/sgdsArgTypes'; import NotificationTag from './NotificationTag'; const meta = { title: 'Components/Notification Tag', component: NotificationTag, argTypes: { children: argTypes.children(), description: { description: 'Additional description for screen readers', type: 'string' }, label: { description: 'Visible label, leave blank for a dot notification tag', type: 'string' }, isHidden: { description: 'Hides the tag from screen readers', control: 'boolean', }, }, args: { label: '99+', description: 'Unread notifications' } } satisfies Meta; export default meta; type Story = StoryObj; export const Default: Story = { render: (args) => ( ) }; export const Dot: Story = { args: { label: '' }, render: (args) => ( ) }; export const Hidden: Story = { render: (args) => ( ) };