import type { Meta, StoryObj } from '@storybook/sveltekit';
import TopBanner from './TopBanner.svelte';

// Vollbreiter Seiten-Header mit Bild + Headline. `resolvedImages` = fertige
// Bild-URL(s); läuft über den /cms-images-Proxy.
const CMS_ASSET =
  'https://cms.pm86.de/api/assets/pages/img_2814-ar4x2.webp?_environment=windwiderstand';

const meta = {
  title: 'Organisms/TopBanner',
  component: TopBanner,
  tags: ['autodocs'],
  parameters: { layout: 'fullscreen' },
} satisfies Meta<typeof TopBanner>;

export default meta;
type Story = StoryObj<typeof meta>;

export const MitBild: Story = {
  args: {
    banner: null,
    resolvedImages: [CMS_ASSET],
    focalCss: '50% 40%',
    headline: 'Wald statt Windkraft',
    subheadline: 'Für den Erhalt des Steigerwaldes',
  },
};

export const NurText: Story = {
  args: { banner: null, headline: 'Windwiderstand', subheadline: 'Bürgerinitiative Steigerwald' },
};