import type { Meta, StoryObj } from '@storybook/angular';
import { CardComponent } from './card.component';

const meta: Meta<CardComponent> = {
  title: 'Molecules/Card',
  component: CardComponent,
  render: (args) => ({
    props: args,
    template: `
      <app-card [heading]="heading" [level]="level">
        <p class="rhc-paragraph">Een kaart groepeert samenhangende inhoud op een schone, omkaderde vlak.</p>
      </app-card>`,
  }),
  args: { heading: 'Persoonsgegevens (BRP)', level: 3 },
};
export default meta;
type Story = StoryObj<CardComponent>;

export const Default: Story = {};
export const ZonderKop: Story = { args: { heading: undefined } };
