"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../../components/Icon/constants.cjs.js"),c=require("../../../../utils/cn/cn.cjs.js"),n=require("../../../../src/modules/FeaturesGallery/components/FeatureGrid/FeatureGrid.module.css"),l=require("../../../../components/Typography/Typography.cjs.js"),i=require("../../../../components/IconButton/IconButton.cjs.js"),t={primary:{default:"headingXl",mobile:"headingXs"},secondary:{default:"headingSm",mobile:"headingXxs"}},m=({feature:s,className:r,type:o})=>e.jsxs("a",{className:c.cn(n.root,n[o],r),style:{backgroundImage:`url("${s.image}")`},href:s.url,children:[s.hoverTint&&e.jsx("div",{className:n.smoke,"data-smoke":s.hoverTint}),e.jsxs("div",{className:n.content,children:[e.jsx(l.Typography,{as:"h3",defaultVariant:t[o].default,mobileVariant:t[o].mobile,className:n.label,children:s.label}),e.jsx("div",{className:n.desktop,children:e.jsx(i.IconButton,{iconName:a.EIconName.ARROW_FORWARD,variant:"muted-invert",size:o==="primary"?"lg":"md"})}),e.jsx("div",{className:n.mobile,children:e.jsx(i.IconButton,{iconName:a.EIconName.ARROW_FORWARD,variant:"muted-invert",size:"sm"})})]})]});exports.FeatureGrid=m;
