import type { Meta, StoryObj } from '@storybook/angular';
import { MaskedValueComponent } from './masked-value.component';

const meta: Meta<MaskedValueComponent> = {
  title: 'Design System/Atoms/Masked Value',
  component: MaskedValueComponent,
};
export default meta;
type Story = StoryObj<MaskedValueComponent>;

/** Masked + the principal may reveal → the reveal button shows. */
export const RevealableMasked: Story = {
  args: { value: '******601', canReveal: true, revealLabel: 'Toon BIG-nummer' },
};

/** Masked but no reveal right → just the masked value, no affordance. */
export const MaskedNoReveal: Story = {
  args: { value: '******601', canReveal: false },
};

/** Already revealed (no mask character) → no reveal button even with the right. */
export const Revealed: Story = {
  args: { value: '990000000012', canReveal: true },
};