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

const meta: Meta<DataRowComponent> = {
  title: 'Molecules/Data Row',
  component: DataRowComponent,
  render: (args) => ({
    props: args,
    // Rows are dt.col-md-4/dd.col-md-8 flex children of a Bootstrap .row dl (CIBG controlestap).
    template: `<dl class="row mb-0"><app-data-row [key]="key" [value]="value" /></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: '' } };
