import type { Meta, StoryObj } from '@storybook/angular';
import { TextInputComponent } from './text-input.component';

const meta: Meta<TextInputComponent> = {
  title: 'Atoms/Text Input',
  component: TextInputComponent,
  render: (args) => ({
    props: args,
    template: `<app-text-input [type]="type" [placeholder]="placeholder" [invalid]="invalid" [inputId]="inputId" />`,
  }),
  args: { inputId: 'demo', placeholder: 'Bijv. 1234 AB' },
};
export default meta;
type Story = StoryObj<TextInputComponent>;

export const Default: Story = {};
export const Invalid: Story = { args: { invalid: true } };
export const Password: Story = { args: { type: 'password', placeholder: '' } };
