import { type Meta, type StoryObj, moduleMetadata } from '@storybook/angular';
import {
  ClientRowComponent,
  ClientRowImports,
  ItemRowDataImports,
} from '@isa/ui/item-rows';

const meta: Meta<ClientRowComponent> = {
  component: ClientRowComponent,
  title: 'ui/item-rows/ClientRow',
  decorators: [
    moduleMetadata({
      imports: [ClientRowImports, ItemRowDataImports],
    }),
  ],
  argTypes: {},
  render: (args) => ({
    props: args,
    template: `
        <ui-client-row>
            <ui-client-row-content>
                <h3 class="isa-text-subtitle-1-regular">Client Row</h3>
            </ui-client-row-content>
            <ui-item-row-data>
                <ui-item-row-data-row>
                    <ui-item-row-data-label>Belegdatum</ui-item-row-data-label>
                    <ui-item-row-data-value>
                        <span class="isa-text-body-2-bold">
                            01.11.2024
                        </span>
                    </ui-item-row-data-value>
                </ui-item-row-data-row>
                <ui-item-row-data-row>
                    <ui-item-row-data-label>Beleg-Nr.</ui-item-row-data-label>
                    <ui-item-row-data-value>
                        <span class="isa-text-body-2-bold">
                            1234567890
                        </span>
                    </ui-item-row-data-value>
                </ui-item-row-data-row>
                <ui-item-row-data-row>
                    <ui-item-row-data-label >Vorgangs-ID</ui-item-row-data-label>
                    <ui-item-row-data-value >
                        <span class="isa-text-body-2-bold">
                            640175214390060/0
                        </span>
                    </ui-item-row-data-value>
                </ui-item-row-data-row>
            </ui-item-row-data>
            <ui-item-row-data>
                <ui-item-row-data-row>
                    <ui-item-row-data-label>Email</ui-item-row-data-label>
                    <ui-item-row-data-value>namenachname&#64;gmail.com</ui-item-row-data-value>
                </ui-item-row-data-row>
                <ui-item-row-data-row>
                    <ui-item-row-data-label>Anschrift</ui-item-row-data-label>
                    <ui-item-row-data-value>10243 Berlin</ui-item-row-data-value>
                </ui-item-row-data-row>
            </ui-item-row-data>
        </ui-client-row>
    `,
  }),
};

export default meta;

type Story = StoryObj<ClientRowComponent>;

export const Default: Story = {
  args: {},
};
