"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("../../src/modules/Grid/grid.module.css"),e=require("../../components/Typography/Typography.cjs.js"),d=({image:c,title:i,description:r})=>a.jsxs("div",{className:s.mobileContent,children:[a.jsx("div",{className:s.leftBorder}),a.jsxs("div",{className:s.mobileColumn,children:[a.jsx("img",{className:s.image,src:c}),a.jsxs("div",{className:s.mobileText,children:[a.jsx(e.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingSm",children:i}),a.jsx(e.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodyMd",children:r})]})]}),a.jsx("div",{className:s.rightBorder})]}),n=({headline:c,topRow:i,middleRow:r,bottomRow:l,backgroundGradient:t})=>a.jsx("section",{className:s.root,"data-background":t,children:a.jsxs("div",{className:s.container,children:[a.jsx(e.Typography,{className:s.headline,as:"h2",defaultVariant:"displayXs",mobileVariant:"headingXl",children:c}),a.jsxs("div",{className:s.desktopGrid,children:[a.jsxs("div",{className:s.leftColumn,children:[a.jsxs("div",{className:s.halfVector,children:[a.jsx("div",{className:s.horizontalVector}),a.jsx("div",{className:s.horizontalVector})]}),a.jsxs("div",{className:s.row,children:[a.jsx("div",{className:s.horizontalVector}),a.jsxs("div",{className:s.leftText,children:[a.jsx(e.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingSm",children:r.title}),a.jsx(e.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodyMd",children:r.description})]}),a.jsx("div",{className:s.horizontalVector})]}),a.jsxs("div",{className:s.halfVector,children:[a.jsx("div",{className:s.horizontalVector}),a.jsx("div",{className:s.horizontalVector})]})]}),a.jsxs("div",{className:s.midColumn,children:[a.jsx("img",{className:s.image,src:i.image}),a.jsx("img",{className:s.image,src:r.image}),a.jsx("img",{className:s.image,src:l.image})]}),a.jsxs("div",{className:s.rightColumn,children:[a.jsxs("div",{className:s.halfVector,children:[a.jsx("div",{className:s.horizontalVector}),a.jsx("div",{className:s.horizontalVector})]}),a.jsxs("div",{className:s.row,children:[a.jsx("div",{className:s.horizontalVector}),a.jsxs("div",{className:s.rightTopText,children:[a.jsx(e.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingSm",children:i.title}),a.jsx(e.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodyMd",children:i.description})]}),a.jsx("div",{className:s.horizontalVector})]}),a.jsx("div",{className:s.rightVector}),a.jsxs("div",{className:s.row,children:[a.jsx("div",{className:s.horizontalVector}),a.jsxs("div",{className:s.rightBotText,children:[a.jsx(e.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingSm",children:l.title}),a.jsx(e.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodyMd",children:l.description})]}),a.jsx("div",{className:s.horizontalVector})]}),a.jsxs("div",{className:s.halfVector,children:[a.jsx("div",{className:s.horizontalVector}),a.jsx("div",{className:s.horizontalVector})]})]})]}),a.jsxs("div",{className:s.mobileGrid,children:[a.jsx(d,{image:i.image,title:i.title,description:i.description}),a.jsx(d,{image:r.image,title:r.title,description:r.description}),a.jsx(d,{image:l.image,title:l.title,description:l.description})]})]})});exports.Grid=n;
