import type { Meta, StoryObj } from '@storybook/angular';
import { DataRowComponent } from './data-row.component';

const meta: Meta<DataRowComponent> = {
  title: 'Design System/Molecules/Data Row',
  component: DataRowComponent,
  render: (args) => ({
    props: args,
    // A row is a `.row` <div> grouping dt.col-md-4/dd.col-md-8 inside the datablock <dl>
    // (HTML5.1 dl > div > dt+dd — a native div child keeps the definition list axe-clean).
    template: `<dl class="mb-0"><div app-data-row [key]="key" [value]="value"></div></dl>`,
  }),
  args: { key: 'BIG-nummer', value: '19012345601' },
};
export default meta;
type Story = StoryObj<DataRowComponent>;

export const Default: Story = {};
export const Empty: Story = { args: { key: 'Tweede naam', value: '' } };
