<script module lang="ts">
  import { defineMeta } from '@storybook/addon-svelte-csf';
  import Card from './Card.svelte';

  const { Story } = defineMeta({
    title: 'Molecules/Card',
    component: Card,
    tags: ['autodocs'],
  });
</script>

<Story name="Tile">
  <div class="p-4">
    <h3 class="font-semibold">Karten-Titel</h3>
    <p class="text-sm text-stein-600">Inhalt der Kachel.</p>
  </div>
</Story>

<Story name="AlsLink" args={{ href: '#', variant: 'tile' }}>
  <div class="p-4">
    <h3 class="font-semibold">Klickbare Karte</h3>
    <p class="text-sm text-stein-600">Ganze Karte ist ein Link.</p>
  </div>
</Story>
