import { spread } from '@open-wc/lit-helpers';
import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
import { html } from 'lit';
import { prespread } from '../../.storybook/utilities.js';
import './index.js';
const { events, args, argTypes } = getStorybookHelpers('w-card');
const meta = {
    title: 'Navigation/Card',
    render(args) {
        return html `
      <w-card ${spread(prespread(args))}>
        <div style="padding: 16px;">
          <h3>Card Title</h3>
          <p>This is card content with some example text.</p>
        </div>
      </w-card>
    `;
    },
    args,
    argTypes,
    parameters: {
        actions: {
            handles: events,
        },
    },
};
export default meta;
export const Default = {
    args: {
        selected: false,
        flat: false,
        clickable: false,
    },
};
export const Selected = {
    args: {
        selected: true,
        flat: false,
        clickable: false,
    },
};
export const Flat = {
    args: {
        selected: false,
        flat: true,
        clickable: false,
    },
};
export const FlatSelected = {
    args: {
        selected: true,
        flat: true,
        clickable: false,
    },
};
export const Clickable = {
    args: {
        selected: false,
        flat: false,
        clickable: true,
    },
};
export const PropertyExample = {
    args: {
        selected: false,
        flat: false,
        clickable: true,
    },
    render(args) {
        return html `
      <w-card ${spread(prespread(args))} style="max-width: 300px;">
        <img style="width: 100%; height: 200px; object-fit: cover;" src="https://unsplash.it/300/200?random" alt="Example image" />
        <div style="padding: 16px;">
          <p style="font-size: 12px; color: #666; margin: 0 0 8px 0;">DNB Eiendom</p>
          <p style="margin: 0 0 8px 0;">Stilfull og gjennomgående 3-roms m/balkong. Oppusset i 2019.</p>
          <p style="font-size: 14px; color: #666; margin: 0 0 8px 0;">Bøgata 25C, 0655 Oslo</p>
          <p style="font-weight: bold; margin: 0;">52 m² Totalpris: 4 869 039 kr</p>
        </div>
      </w-card>
    `;
    },
};
