import type { Meta, StoryObj } from '@storybook/angular';
import { DebugStateComponent } from './debug-state.component';

// Devtools, not a design-system atom — titled accordingly.
const meta: Meta<DebugStateComponent> = {
  title: 'Design System/Devtools/State debug',
  component: DebugStateComponent,
  parameters: {
    cibgGap: true,
    docs: { description: { component: 'CIBG-gap extension — see Foundations/CIBG Gap Register.' } },
  },
};
export default meta;
type Story = StoryObj<DebugStateComponent>;

// The floating button; click it to open the read-only state panel. Stores
// resolve to their default (empty/loading) state here.
export const Default: Story = {};