import React from 'react';
import { Card } from './react';
export default {
    title: 'Navigation/Card',
    render(args) {
        return (React.createElement(Card, { ...args },
            React.createElement("div", { style: { padding: '16px' } },
                React.createElement("h3", null, "Card Title"),
                React.createElement("p", null, "This is card content with some example text."))));
    },
    component: Card,
};
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 (React.createElement(Card, { ...args, style: { maxWidth: '300px' } },
            React.createElement("img", { style: { width: '100%', height: '200px', objectFit: 'cover' }, src: "https://unsplash.it/300/200?random", alt: "Example image" }),
            React.createElement("div", { style: { padding: '16px' } },
                React.createElement("p", { style: { fontSize: '12px', color: '#666', margin: '0 0 8px 0' } }, "DNB Eiendom"),
                React.createElement("p", { style: { margin: '0 0 8px 0' } }, "Stilfull og gjennomg\u00E5ende 3-roms m/balkong. Oppusset i 2019."),
                React.createElement("p", { style: { fontSize: '14px', color: '#666', margin: '0 0 8px 0' } }, "B\u00F8gata 25C, 0655 Oslo"),
                React.createElement("p", { style: { fontWeight: 'bold', margin: '0' } }, "52 m\u00B2 Totalpris: 4 869 039 kr"))));
    },
};
