TeaserSplitContainer
====================

*   GitHub: [BonnierNews/dn-design-system/web/src/components/teaser-split](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-split-container)
*   Storybook: [TeaserSplit](https://designsystem.dn.se/?path=/docs/section-teasersplit-teasersplitcontainer--docs)

| Name | Description | Default |
|:--- | :--- | :--- |
| areaType | The area where the column is rendered<br />"main", "bauta" | \- |
| teasers\* | TeaserSplitProps\[\] | \- |
| targetLink | Target URL for the teaser<br />string | \- |
| theme | The theme-class to apply to the teaser<br />"kultur", "nyheter" | \- |
| classNames | Ex. "my-special-class"<br />string | \- |
| attributes | Ex. { target: "\_blank", "data-test": "lorem ipsum" }<br />Record<string, unknown> | \- |

```jsx
<TeaserSplitContainer
  teasers={[
    {
      highlight: undefined,
      media: <TeaserImage byline="Foto: Lars Schröder/TT" image={<ExamplePicture alt="" className="picture picture--placeholder" src="https://cached-images.bonnier.news/gcs/bilder-lab/dn-mly/9371897d-7150-4343-bc53-e6d37e25774a.jpeg" style={{aspectRatio: '16 / 9'}}/>}/>,
      sticker: undefined,
      targetLink: 'https://www.dn.se/kultur/omar-souleyman-far-dansgolvet-att-koka/',
      text: 'Hans gubbtafatta dansrörelser är minst sagt älskvärda, skriver Saga Cavallin.',
      theme: 'kultur',
      title: 'Omar Souleyman får dansgolvet på Kulturhuset att koka',
      variant: undefined,
      vignette: 'MUSIK | RECENSION'
    },
    {
      highlight: undefined,
      isFlashingDot: true,
      media: <TeaserImage byline="Foto: Pavel Bednyakov/Sputnik/AFP" image={<ExamplePicture alt="" className="picture picture--placeholder" src="https://cached-images.bonnier.news/gcs/bilder-lab/dn-mly/fd0abe35-9282-46ed-addc-8af0e471db74.jpeg" style={{aspectRatio: '16 / 9'}}/>}/>,
      sticker: 'Live',
      targetLink: 'https://www.dn.se/sverige/ryska-militarflyg-over-ostersjon/',
      text: 'Flög utan transpondrar • Upptäcktes av tyska flygvapnet.',
      theme: undefined,
      title: 'Ryska militärflyg över Östersjön',
      variant: undefined,
      vignette: undefined
    }
  ]}
 />
```