import type { Meta, StoryObj } from '@storybook/angular';
import { SkeletonComponent } from './skeleton.component';

const meta: Meta<SkeletonComponent> = {
  title: 'Design System/Atoms/Skeleton',
  component: SkeletonComponent,
  args: { delay: 0 },
  parameters: {
    cibgGap: true,
    docs: { description: { component: 'CIBG-gap extension — see Foundations/CIBG Gap Register.' } },
  },
};
export default meta;
type Story = StoryObj<SkeletonComponent>;

export const SingleLine: Story = { args: { width: '60%', height: '1rem' } };
export const CardPlaceholder: Story = { args: { height: '2.5rem', count: 6 } };
