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 live inside an RHC data-summary list (dt/dd); wrap so it renders in context.
    template: `<dl class="rhc-data-summary"><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: '' } };
