@appcorp/kismaa-web-ui 0.1.1

package/ratings.82c4f0f7.js

@@ -0,0 +1,66 @@
+var $bc6b5d10bacf9b12$exports = require("./rating-star.1430243d.js");
+var $8444647316629dd8$exports = require("./typography.aa7e3a61.js");
+var $61FA7$reactjsxruntime = require("react/jsx-runtime");
+require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "Ratings", () => $5563ebe312e5cf8a$export$63624e0823f82b87);
+
+
+
+
+const $5563ebe312e5cf8a$export$63624e0823f82b87 = ({ rating: rating, renderFraction: renderFraction = true, starsSize: starsSize = 'size-4' })=>{
+    const totalStars = 5;
+    const fullStars = Math.floor(rating);
+    const decimalPart = rating % 1;
+    return /*#__PURE__*/ (0, $61FA7$reactjsxruntime.jsxs)("div", {
+        className: "flex items-center gap-3",
+        children: [
+            /*#__PURE__*/ (0, $61FA7$reactjsxruntime.jsx)("div", {
+                className: "flex",
+                "aria-label": `Rating: ${rating} out of 5 stars`,
+                children: [
+                    ...Array(totalStars)
+                ].map((_, index)=>{
+                    let fillPercentage = 0;
+                    if (index < fullStars) fillPercentage = 100;
+                    else if (index === fullStars && decimalPart > 0) fillPercentage = Math.round(decimalPart * 100);
+                    return /*#__PURE__*/ (0, $61FA7$reactjsxruntime.jsx)((0, $bc6b5d10bacf9b12$exports.RatingStar), {
+                        className: starsSize,
+                        fillPercentage: fillPercentage,
+                        "aria-hidden": "true"
+                    }, index);
+                })
+            }),
+            renderFraction && /*#__PURE__*/ (0, $61FA7$reactjsxruntime.jsxs)("div", {
+                className: "item-center flex",
+                children: [
+                    /*#__PURE__*/ (0, $61FA7$reactjsxruntime.jsx)("div", {
+                        className: "",
+                        children: /*#__PURE__*/ (0, $61FA7$reactjsxruntime.jsxs)((0, $8444647316629dd8$exports.Typography), {
+                            variant: (0, $8444647316629dd8$exports.TYPOGRAPHY_VARIANTS).P3,
+                            children: [
+                                rating,
+                                "/"
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $61FA7$reactjsxruntime.jsx)("div", {
+                        className: "text-black/60",
+                        children: /*#__PURE__*/ (0, $61FA7$reactjsxruntime.jsx)((0, $8444647316629dd8$exports.Typography), {
+                            variant: (0, $8444647316629dd8$exports.TYPOGRAPHY_VARIANTS).P3,
+                            children: totalStars
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+
+//# sourceMappingURL=ratings.82c4f0f7.js.map

package/ratings.82c4f0f7.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;AAKO,MAAM,4CAA2B,CAAC,UACvC,MAAM,kBACN,iBAAiB,iBACjB,YAAY,UACb;IACC,MAAM,aAAa;IACnB,MAAM,YAAY,KAAK,KAAK,CAAC;IAC7B,MAAM,cAAc,SAAS;IAE7B,qBACE,iCAAC;QAAI,WAAU;;0BACb,gCAAC;gBAAI,WAAU;gBAAO,cAAY,CAAC,QAAQ,EAAE,OAAO,eAAe,CAAC;0BACjE;uBAAI,MAAM;iBAAY,CAAC,GAAG,CAAC,CAAC,GAAG;oBAC9B,IAAI,iBAAiB;oBACrB,IAAI,QAAQ,WACV,iBAAiB;yBACZ,IAAI,UAAU,aAAa,cAAc,GAC9C,iBAAiB,KAAK,KAAK,CAAC,cAAc;oBAG5C,qBACE,gCAAC,CAAA,GAAA,oCAAS;wBAER,WAAW;wBACX,gBAAgB;wBAChB,eAAY;uBAHP;gBAMX;;YAED,gCACC,iCAAC;gBAAI,WAAU;;kCACb,gCAAC;wBAAI,WAAU;kCACb,cAAA,iCAAC,CAAA,GAAA,oCAAS;4BAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;;gCAAG;gCAAO;;;;kCAEvD,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;4BAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;sCACxC;;;;;;;AAOf","sources":["src/molecules/ratings/ratings.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { RatingTypes } from './type';\nimport { RatingStar } from '../../atoms/rating-star';\nimport { Typography, TYPOGRAPHY_VARIANTS } from '../typography';\n\nexport const Ratings: FC<RatingTypes> = ({\n  rating,\n  renderFraction = true,\n  starsSize = 'size-4',\n}) => {\n  const totalStars = 5;\n  const fullStars = Math.floor(rating);\n  const decimalPart = rating % 1;\n\n  return (\n    <div className=\"flex items-center gap-3\">\n      <div className=\"flex\" aria-label={`Rating: ${rating} out of 5 stars`}>\n        {[...Array(totalStars)].map((_, index) => {\n          let fillPercentage = 0;\n          if (index < fullStars) {\n            fillPercentage = 100;\n          } else if (index === fullStars && decimalPart > 0) {\n            fillPercentage = Math.round(decimalPart * 100);\n          }\n\n          return (\n            <RatingStar\n              key={index}\n              className={starsSize}\n              fillPercentage={fillPercentage}\n              aria-hidden=\"true\"\n            />\n          );\n        })}\n      </div>\n      {renderFraction && (\n        <div className=\"item-center flex\">\n          <div className=\"\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P3}>{rating}/</Typography>\n          </div>\n          <div className=\"text-black/60\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P3}>\n              {totalStars}\n            </Typography>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"ratings.82c4f0f7.js.map"}

package/ratings.bc271da9.js

@@ -0,0 +1,27 @@
+var $5563ebe312e5cf8a$exports = require("./ratings.82c4f0f7.js");
+var $80cbcf9f2d17b3e0$exports = require("./type.5df64594.js");
+
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+
+
+$parcel$exportWildcard(module.exports, $5563ebe312e5cf8a$exports);
+$parcel$exportWildcard(module.exports, $80cbcf9f2d17b3e0$exports);
+
+
+//# sourceMappingURL=ratings.bc271da9.js.map

package/ratings.bc271da9.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/molecules/ratings/index.ts"],"sourcesContent":["export * from './ratings';\nexport * from './type';\n"],"names":[],"version":3,"file":"ratings.bc271da9.js.map"}

package/ratings.e017cfec.js

@@ -0,0 +1,9 @@
+import {Ratings as $a748f2c9c8310309$export$63624e0823f82b87} from "./ratings.7fa69292.js";
+import "./type.01933f6d.js";
+
+
+
+
+
+export {$a748f2c9c8310309$export$63624e0823f82b87 as Ratings};
+//# sourceMappingURL=ratings.e017cfec.js.map

package/ratings.e017cfec.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/molecules/ratings/index.ts"],"sourcesContent":["export * from './ratings';\nexport * from './type';\n"],"names":[],"version":3,"file":"ratings.e017cfec.js.map"}

package/review-card.34430249.js

@@ -0,0 +1,99 @@
+var $59bd048e5db07504$exports = require("./quote-icon.67ecd281.js");
+var $2d25ce9c04352737$exports = require("./triangle-icon.8464c552.js");
+var $75ff6314b77a3597$exports = require("./molecules.0cbdf4a9.js");
+var $5563ebe312e5cf8a$exports = require("./ratings.82c4f0f7.js");
+var $jKS2g$reactjsxruntime = require("react/jsx-runtime");
+require("react");
+var $jKS2g$nextimage = require("next/image");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "ReviewCard", () => $5e083177c6745d7a$export$82cac57774882155);
+
+
+
+
+
+
+
+const $5e083177c6745d7a$export$82cac57774882155 = ({ isActive: isActive = false, quote: quote, personImage: personImage, name: name, role: role, rating: rating, isTrustPilot: isTrustPilot, quoteIconFill: quoteIconFill = '#B689E5', triangleIconFill: triangleIconFill = '#E7DEF1' })=>{
+    return /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsxs)("div", {
+        children: [
+            /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsxs)("div", {
+                className: `relative min-h-60 w-full rounded-sm p-10 ${isActive ? 'bg-purple-400/75 text-white' : 'bg-[#E7DEF1] text-slate-800/95'}`,
+                children: [
+                    /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsx)((0, $59bd048e5db07504$exports.QuoteIcon), {
+                        fill: isActive ? '#FFF' : quoteIconFill,
+                        className: "size-10"
+                    }),
+                    /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsx)("div", {
+                        className: "mt-6",
+                        children: quote.length > 150 ? `${quote.slice(0, 150)}...` : quote
+                    }),
+                    /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsx)("div", {
+                        className: "absolute -bottom-7 left-12",
+                        children: /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsx)((0, $2d25ce9c04352737$exports.TriangleIcon), {
+                            fill: isActive ? '#D0A3FD' : triangleIconFill,
+                            className: "size-10 rotate-180"
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsxs)("div", {
+                className: "m-12 flex gap-6",
+                children: [
+                    /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsx)("div", {
+                        className: "size-16 overflow-hidden rounded-full",
+                        children: /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsx)("img", {
+                            src: personImage,
+                            className: "h-full w-full object-cover",
+                            alt: `${name}'s image`
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsxs)("div", {
+                        children: [
+                            /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsx)("div", {
+                                className: "font-secondary",
+                                children: /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).H5,
+                                    children: name
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsx)("div", {
+                                className: "mt-1 text-purple-400/75",
+                                children: /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).SUBH4,
+                                    children: role
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsx)("div", {
+                                className: "my-3",
+                                children: /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsx)((0, $5563ebe312e5cf8a$exports.Ratings), {
+                                    rating: rating
+                                })
+                            }),
+                            isTrustPilot && /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsx)("div", {
+                                children: /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsx)((0, ($parcel$interopDefault($jKS2g$nextimage))), {
+                                    src: "/trustpilot.png",
+                                    alt: "Company logo",
+                                    width: 100,
+                                    height: 25
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+
+//# sourceMappingURL=review-card.34430249.js.map

package/review-card.34430249.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,4CAAkC,CAAC,YAC9C,WAAW,cACX,KAAK,eACL,WAAW,QACX,IAAI,QACJ,IAAI,UACJ,MAAM,gBACN,YAAY,iBACZ,gBAAgB,6BAChB,mBAAmB,WACpB;IACC,qBACE,iCAAC;;0BACC,iCAAC;gBACC,WAAW,CAAC,yCAAyC,EACnD,WACI,gCACA,kCACJ;;kCAEF,gCAAC,CAAA,GAAA,mCAAQ;wBACP,MAAM,WAAW,SAAS;wBAC1B,WAAU;;kCAEZ,gCAAC;wBAAI,WAAU;kCACZ,MAAM,MAAM,GAAG,MAAM,GAAG,MAAM,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG;;kCAEtD,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,sCAAW;4BACV,MAAM,WAAW,YAAY;4BAC7B,WAAU;;;;;0BAIhB,iCAAC;gBAAI,WAAU;;kCACb,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC;4BACC,KAAK;4BACL,WAAU;4BACV,KAAK,GAAG,KAAK,QAAQ,CAAC;;;kCAG1B,iCAAC;;0CACC,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;8CAAG;;;0CAEhD,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,KAAK;8CAAG;;;0CAEnD,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,iCAAM;oCAAE,QAAQ;;;4BAElB,8BACC,gCAAC;0CACC,cAAA,gCAAC,CAAA,GAAA,0CAAI;oCACH,KAAI;oCACJ,KAAI;oCACJ,OAAO;oCACP,QAAQ;;;;;;;;;AAQxB","sources":["src/organisms/review-card/review-card.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { QuoteIcon } from '../../atoms/quote-icon';\nimport { TriangleIcon } from '../../atoms/triangle-icon';\nimport { Typography, TYPOGRAPHY_VARIANTS } from '../../molecules';\nimport { Ratings } from '../../molecules/ratings/ratings';\nimport Image from 'next/image';\nimport { ReviewCardProps } from './type';\n\nexport const ReviewCard: FC<ReviewCardProps> = ({\n  isActive = false,\n  quote,\n  personImage,\n  name,\n  role,\n  rating,\n  isTrustPilot,\n  quoteIconFill = '#B689E5',\n  triangleIconFill = '#E7DEF1',\n}) => {\n  return (\n    <div>\n      <div\n        className={`relative min-h-60 w-full rounded-sm p-10 ${\n          isActive\n            ? 'bg-purple-400/75 text-white'\n            : 'bg-[#E7DEF1] text-slate-800/95'\n        }`}\n      >\n        <QuoteIcon\n          fill={isActive ? '#FFF' : quoteIconFill}\n          className=\"size-10\"\n        />\n        <div className=\"mt-6\">\n          {quote.length > 150 ? `${quote.slice(0, 150)}...` : quote}\n        </div>\n        <div className=\"absolute -bottom-7 left-12\">\n          <TriangleIcon\n            fill={isActive ? '#D0A3FD' : triangleIconFill}\n            className=\"size-10 rotate-180\"\n          />\n        </div>\n      </div>\n      <div className=\"m-12 flex gap-6\">\n        <div className=\"size-16 overflow-hidden rounded-full\">\n          <img\n            src={personImage}\n            className=\"h-full w-full object-cover\"\n            alt={`${name}'s image`}\n          />\n        </div>\n        <div>\n          <div className=\"font-secondary\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.H5}>{name}</Typography>\n          </div>\n          <div className=\"mt-1 text-purple-400/75\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.SUBH4}>{role}</Typography>\n          </div>\n          <div className=\"my-3\">\n            <Ratings rating={rating} />\n          </div>\n          {isTrustPilot && (\n            <div>\n              <Image\n                src=\"/trustpilot.png\"\n                alt=\"Company logo\"\n                width={100}\n                height={25}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"review-card.34430249.js.map"}

package/review-card.89f75701.js

@@ -0,0 +1,9 @@
+import {ReviewCard as $77d693df8ce8c2ca$export$82cac57774882155} from "./review-card.d4bb9847.js";
+import "./type.1e75766c.js";
+
+
+
+
+
+export {$77d693df8ce8c2ca$export$82cac57774882155 as ReviewCard};
+//# sourceMappingURL=review-card.89f75701.js.map

package/review-card.89f75701.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/organisms/review-card/index.ts"],"sourcesContent":["export * from './review-card';\nexport * from './type';\n"],"names":[],"version":3,"file":"review-card.89f75701.js.map"}

package/review-card.d32ebcc1.js

@@ -0,0 +1,27 @@
+var $5e083177c6745d7a$exports = require("./review-card.34430249.js");
+var $8cf6c32668022fdb$exports = require("./type.95b00953.js");
+
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+
+
+$parcel$exportWildcard(module.exports, $5e083177c6745d7a$exports);
+$parcel$exportWildcard(module.exports, $8cf6c32668022fdb$exports);
+
+
+//# sourceMappingURL=review-card.d32ebcc1.js.map

package/review-card.d32ebcc1.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/organisms/review-card/index.ts"],"sourcesContent":["export * from './review-card';\nexport * from './type';\n"],"names":[],"version":3,"file":"review-card.d32ebcc1.js.map"}

package/review-card.d4bb9847.js

@@ -0,0 +1,90 @@
+import {QuoteIcon as $13ac88086827f0cc$export$62bd98fc131b5caa} from "./quote-icon.8d264a7d.js";
+import {TriangleIcon as $99defbd323a3a08b$export$ff0046d52845bf1e} from "./triangle-icon.662f99e6.js";
+import {Typography as $fRvMr$Typography, TYPOGRAPHY_VARIANTS as $fRvMr$TYPOGRAPHY_VARIANTS} from "./molecules.1ee3143a.js";
+import {Ratings as $a748f2c9c8310309$export$63624e0823f82b87} from "./ratings.7fa69292.js";
+import {jsxs as $fRvMr$jsxs, jsx as $fRvMr$jsx} from "react/jsx-runtime";
+import "react";
+import $fRvMr$nextimage from "next/image";
+
+
+
+
+
+
+
+
+const $77d693df8ce8c2ca$export$82cac57774882155 = ({ isActive: isActive = false, quote: quote, personImage: personImage, name: name, role: role, rating: rating, isTrustPilot: isTrustPilot, quoteIconFill: quoteIconFill = '#B689E5', triangleIconFill: triangleIconFill = '#E7DEF1' })=>{
+    return /*#__PURE__*/ (0, $fRvMr$jsxs)("div", {
+        children: [
+            /*#__PURE__*/ (0, $fRvMr$jsxs)("div", {
+                className: `relative min-h-60 w-full rounded-sm p-10 ${isActive ? 'bg-purple-400/75 text-white' : 'bg-[#E7DEF1] text-slate-800/95'}`,
+                children: [
+                    /*#__PURE__*/ (0, $fRvMr$jsx)((0, $13ac88086827f0cc$export$62bd98fc131b5caa), {
+                        fill: isActive ? '#FFF' : quoteIconFill,
+                        className: "size-10"
+                    }),
+                    /*#__PURE__*/ (0, $fRvMr$jsx)("div", {
+                        className: "mt-6",
+                        children: quote.length > 150 ? `${quote.slice(0, 150)}...` : quote
+                    }),
+                    /*#__PURE__*/ (0, $fRvMr$jsx)("div", {
+                        className: "absolute -bottom-7 left-12",
+                        children: /*#__PURE__*/ (0, $fRvMr$jsx)((0, $99defbd323a3a08b$export$ff0046d52845bf1e), {
+                            fill: isActive ? '#D0A3FD' : triangleIconFill,
+                            className: "size-10 rotate-180"
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $fRvMr$jsxs)("div", {
+                className: "m-12 flex gap-6",
+                children: [
+                    /*#__PURE__*/ (0, $fRvMr$jsx)("div", {
+                        className: "size-16 overflow-hidden rounded-full",
+                        children: /*#__PURE__*/ (0, $fRvMr$jsx)("img", {
+                            src: personImage,
+                            className: "h-full w-full object-cover",
+                            alt: `${name}'s image`
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $fRvMr$jsxs)("div", {
+                        children: [
+                            /*#__PURE__*/ (0, $fRvMr$jsx)("div", {
+                                className: "font-secondary",
+                                children: /*#__PURE__*/ (0, $fRvMr$jsx)((0, $fRvMr$Typography), {
+                                    variant: (0, $fRvMr$TYPOGRAPHY_VARIANTS).H5,
+                                    children: name
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $fRvMr$jsx)("div", {
+                                className: "mt-1 text-purple-400/75",
+                                children: /*#__PURE__*/ (0, $fRvMr$jsx)((0, $fRvMr$Typography), {
+                                    variant: (0, $fRvMr$TYPOGRAPHY_VARIANTS).SUBH4,
+                                    children: role
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $fRvMr$jsx)("div", {
+                                className: "my-3",
+                                children: /*#__PURE__*/ (0, $fRvMr$jsx)((0, $a748f2c9c8310309$export$63624e0823f82b87), {
+                                    rating: rating
+                                })
+                            }),
+                            isTrustPilot && /*#__PURE__*/ (0, $fRvMr$jsx)("div", {
+                                children: /*#__PURE__*/ (0, $fRvMr$jsx)((0, $fRvMr$nextimage), {
+                                    src: "/trustpilot.png",
+                                    alt: "Company logo",
+                                    width: 100,
+                                    height: 25
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+
+export {$77d693df8ce8c2ca$export$82cac57774882155 as ReviewCard};
+//# sourceMappingURL=review-card.d4bb9847.js.map

package/review-card.d4bb9847.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;AAQO,MAAM,4CAAkC,CAAC,YAC9C,WAAW,cACX,KAAK,eACL,WAAW,QACX,IAAI,QACJ,IAAI,UACJ,MAAM,gBACN,YAAY,iBACZ,gBAAgB,6BAChB,mBAAmB,WACpB;IACC,qBACE,iBAAC;;0BACC,iBAAC;gBACC,WAAW,CAAC,yCAAyC,EACnD,WACI,gCACA,kCACJ;;kCAEF,gBAAC,CAAA,GAAA,yCAAQ;wBACP,MAAM,WAAW,SAAS;wBAC1B,WAAU;;kCAEZ,gBAAC;wBAAI,WAAU;kCACZ,MAAM,MAAM,GAAG,MAAM,GAAG,MAAM,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG;;kCAEtD,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC,CAAA,GAAA,yCAAW;4BACV,MAAM,WAAW,YAAY;4BAC7B,WAAU;;;;;0BAIhB,iBAAC;gBAAI,WAAU;;kCACb,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC;4BACC,KAAK;4BACL,WAAU;4BACV,KAAK,GAAG,KAAK,QAAQ,CAAC;;;kCAG1B,iBAAC;;0CACC,gBAAC;gCAAI,WAAU;0CACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;oCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;8CAAG;;;0CAEhD,gBAAC;gCAAI,WAAU;0CACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;oCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,KAAK;8CAAG;;;0CAEnD,gBAAC;gCAAI,WAAU;0CACb,cAAA,gBAAC,CAAA,GAAA,yCAAM;oCAAE,QAAQ;;;4BAElB,8BACC,gBAAC;0CACC,cAAA,gBAAC,CAAA,GAAA,gBAAI;oCACH,KAAI;oCACJ,KAAI;oCACJ,OAAO;oCACP,QAAQ;;;;;;;;;AAQxB","sources":["src/organisms/review-card/review-card.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { QuoteIcon } from '../../atoms/quote-icon';\nimport { TriangleIcon } from '../../atoms/triangle-icon';\nimport { Typography, TYPOGRAPHY_VARIANTS } from '../../molecules';\nimport { Ratings } from '../../molecules/ratings/ratings';\nimport Image from 'next/image';\nimport { ReviewCardProps } from './type';\n\nexport const ReviewCard: FC<ReviewCardProps> = ({\n  isActive = false,\n  quote,\n  personImage,\n  name,\n  role,\n  rating,\n  isTrustPilot,\n  quoteIconFill = '#B689E5',\n  triangleIconFill = '#E7DEF1',\n}) => {\n  return (\n    <div>\n      <div\n        className={`relative min-h-60 w-full rounded-sm p-10 ${\n          isActive\n            ? 'bg-purple-400/75 text-white'\n            : 'bg-[#E7DEF1] text-slate-800/95'\n        }`}\n      >\n        <QuoteIcon\n          fill={isActive ? '#FFF' : quoteIconFill}\n          className=\"size-10\"\n        />\n        <div className=\"mt-6\">\n          {quote.length > 150 ? `${quote.slice(0, 150)}...` : quote}\n        </div>\n        <div className=\"absolute -bottom-7 left-12\">\n          <TriangleIcon\n            fill={isActive ? '#D0A3FD' : triangleIconFill}\n            className=\"size-10 rotate-180\"\n          />\n        </div>\n      </div>\n      <div className=\"m-12 flex gap-6\">\n        <div className=\"size-16 overflow-hidden rounded-full\">\n          <img\n            src={personImage}\n            className=\"h-full w-full object-cover\"\n            alt={`${name}'s image`}\n          />\n        </div>\n        <div>\n          <div className=\"font-secondary\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.H5}>{name}</Typography>\n          </div>\n          <div className=\"mt-1 text-purple-400/75\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.SUBH4}>{role}</Typography>\n          </div>\n          <div className=\"my-3\">\n            <Ratings rating={rating} />\n          </div>\n          {isTrustPilot && (\n            <div>\n              <Image\n                src=\"/trustpilot.png\"\n                alt=\"Company logo\"\n                width={100}\n                height={25}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"review-card.d4bb9847.js.map"}

package/search-icon.07b2e698.js

@@ -0,0 +1,25 @@
+import {jsxs as $boF9k$jsxs, jsx as $boF9k$jsx} from "react/jsx-runtime";
+import "react";
+
+
+
+const $8c200ccd660680fc$export$82eafebb825fc23f = ({ className: className })=>/*#__PURE__*/ (0, $boF9k$jsxs)("svg", {
+        className: className,
+        viewBox: "0 0 22 22",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ (0, $boF9k$jsx)("path", {
+                d: "M8.75 0.5C4.20125 0.5 0.5 4.20125 0.5 8.75C0.5 13.2987 4.20125 17 8.75 17C13.2987 17 17 13.2987 17 8.75C17 4.20125 13.2987 0.5 8.75 0.5ZM8.75 15.5C5.0285 15.5 2 12.4722 2 8.75C2 5.0285 5.0285 2 8.75 2C12.4722 2 15.5 5.0285 15.5 8.75C15.5 12.4722 12.4722 15.5 8.75 15.5Z",
+                fill: "black"
+            }),
+            /*#__PURE__*/ (0, $boF9k$jsx)("path", {
+                d: "M21.2802 20.2198L16.7795 15.7198C16.4862 15.4265 16.0122 15.4265 15.719 15.7198C15.4257 16.013 15.4257 16.487 15.719 16.7803L20.2197 21.2803C20.366 21.4265 20.558 21.5 20.75 21.5C20.942 21.5 21.134 21.4265 21.2802 21.2803C21.5735 20.987 21.5735 20.513 21.2802 20.2198Z",
+                fill: "black"
+            })
+        ]
+    });
+
+
+export {$8c200ccd660680fc$export$82eafebb825fc23f as SearchIcon};
+//# sourceMappingURL=search-icon.07b2e698.js.map

package/search-icon.07b2e698.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AAMO,MAAM,4CAAwC,CAAC,aAAE,SAAS,EAAE,iBACjE,iBAAC;QACC,WAAW;QACX,SAAQ;QACR,MAAK;QACL,OAAM;;0BAEN,gBAAC;gBACC,GAAE;gBACF,MAAK;;0BAEP,gBAAC;gBACC,GAAE;gBACF,MAAK","sources":["src/atoms/search-icon.tsx"],"sourcesContent":["import * as React from 'react';\n\ninterface SearchIconProps {\n  className: string;\n}\n\nexport const SearchIcon: React.FC<SearchIconProps> = ({ className }) => (\n  <svg\n    className={className}\n    viewBox=\"0 0 22 22\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M8.75 0.5C4.20125 0.5 0.5 4.20125 0.5 8.75C0.5 13.2987 4.20125 17 8.75 17C13.2987 17 17 13.2987 17 8.75C17 4.20125 13.2987 0.5 8.75 0.5ZM8.75 15.5C5.0285 15.5 2 12.4722 2 8.75C2 5.0285 5.0285 2 8.75 2C12.4722 2 15.5 5.0285 15.5 8.75C15.5 12.4722 12.4722 15.5 8.75 15.5Z\"\n      fill=\"black\"\n    />\n    <path\n      d=\"M21.2802 20.2198L16.7795 15.7198C16.4862 15.4265 16.0122 15.4265 15.719 15.7198C15.4257 16.013 15.4257 16.487 15.719 16.7803L20.2197 21.2803C20.366 21.4265 20.558 21.5 20.75 21.5C20.942 21.5 21.134 21.4265 21.2802 21.2803C21.5735 20.987 21.5735 20.513 21.2802 20.2198Z\"\n      fill=\"black\"\n    />\n  </svg>\n);\n"],"names":[],"version":3,"file":"search-icon.07b2e698.js.map"}

package/search-icon.74679efb.js

@@ -0,0 +1,30 @@
+var $7xTvV$reactjsxruntime = require("react/jsx-runtime");
+require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "SearchIcon", () => $ac6f08dbb42bcae0$export$82eafebb825fc23f);
+
+
+const $ac6f08dbb42bcae0$export$82eafebb825fc23f = ({ className: className })=>/*#__PURE__*/ (0, $7xTvV$reactjsxruntime.jsxs)("svg", {
+        className: className,
+        viewBox: "0 0 22 22",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ (0, $7xTvV$reactjsxruntime.jsx)("path", {
+                d: "M8.75 0.5C4.20125 0.5 0.5 4.20125 0.5 8.75C0.5 13.2987 4.20125 17 8.75 17C13.2987 17 17 13.2987 17 8.75C17 4.20125 13.2987 0.5 8.75 0.5ZM8.75 15.5C5.0285 15.5 2 12.4722 2 8.75C2 5.0285 5.0285 2 8.75 2C12.4722 2 15.5 5.0285 15.5 8.75C15.5 12.4722 12.4722 15.5 8.75 15.5Z",
+                fill: "black"
+            }),
+            /*#__PURE__*/ (0, $7xTvV$reactjsxruntime.jsx)("path", {
+                d: "M21.2802 20.2198L16.7795 15.7198C16.4862 15.4265 16.0122 15.4265 15.719 15.7198C15.4257 16.013 15.4257 16.487 15.719 16.7803L20.2197 21.2803C20.366 21.4265 20.558 21.5 20.75 21.5C20.942 21.5 21.134 21.4265 21.2802 21.2803C21.5735 20.987 21.5735 20.513 21.2802 20.2198Z",
+                fill: "black"
+            })
+        ]
+    });
+
+
+//# sourceMappingURL=search-icon.74679efb.js.map

package/search-icon.74679efb.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAMO,MAAM,4CAAwC,CAAC,aAAE,SAAS,EAAE,iBACjE,iCAAC;QACC,WAAW;QACX,SAAQ;QACR,MAAK;QACL,OAAM;;0BAEN,gCAAC;gBACC,GAAE;gBACF,MAAK;;0BAEP,gCAAC;gBACC,GAAE;gBACF,MAAK","sources":["src/atoms/search-icon.tsx"],"sourcesContent":["import * as React from 'react';\n\ninterface SearchIconProps {\n  className: string;\n}\n\nexport const SearchIcon: React.FC<SearchIconProps> = ({ className }) => (\n  <svg\n    className={className}\n    viewBox=\"0 0 22 22\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M8.75 0.5C4.20125 0.5 0.5 4.20125 0.5 8.75C0.5 13.2987 4.20125 17 8.75 17C13.2987 17 17 13.2987 17 8.75C17 4.20125 13.2987 0.5 8.75 0.5ZM8.75 15.5C5.0285 15.5 2 12.4722 2 8.75C2 5.0285 5.0285 2 8.75 2C12.4722 2 15.5 5.0285 15.5 8.75C15.5 12.4722 12.4722 15.5 8.75 15.5Z\"\n      fill=\"black\"\n    />\n    <path\n      d=\"M21.2802 20.2198L16.7795 15.7198C16.4862 15.4265 16.0122 15.4265 15.719 15.7198C15.4257 16.013 15.4257 16.487 15.719 16.7803L20.2197 21.2803C20.366 21.4265 20.558 21.5 20.75 21.5C20.942 21.5 21.134 21.4265 21.2802 21.2803C21.5735 20.987 21.5735 20.513 21.2802 20.2198Z\"\n      fill=\"black\"\n    />\n  </svg>\n);\n"],"names":[],"version":3,"file":"search-icon.74679efb.js.map"}

package/section-header.0fb31ee9.js

@@ -0,0 +1,70 @@
+import {Badge as $cLW1d$Badge, Button as $cLW1d$Button, BUTTON_SIZES as $cLW1d$BUTTON_SIZES, BUTTON_TYPES as $cLW1d$BUTTON_TYPES, Typography as $cLW1d$Typography, TYPOGRAPHY_VARIANTS as $cLW1d$TYPOGRAPHY_VARIANTS} from "./molecules.1ee3143a.js";
+import {BADGE_SIZES as $4acf4e9f762a97fb$export$296627efaf99c544, BADGE_TYPES as $4acf4e9f762a97fb$export$d56245647dff9e60} from "./type.525129bf.js";
+import {jsx as $cLW1d$jsx, jsxs as $cLW1d$jsxs} from "react/jsx-runtime";
+import "react";
+import {ChevronRightIcon as $cLW1d$ChevronRightIcon} from "@heroicons/react/24/solid";
+
+
+
+
+
+
+const $91c69c1ec93d187c$export$8adb256d999cd5a0 = ({ heading: heading, subheading: subheading, renderCtaButton: renderCtaButton, btnText: btnText, handleButtonClick: handleButtonClick, btnType: btnType = (0, $cLW1d$BUTTON_TYPES).PRIMARY, btnIcon: btnIcon = /*#__PURE__*/ (0, $cLW1d$jsx)((0, $cLW1d$ChevronRightIcon), {
+    className: "size-7"
+}), badgeText: badgeText = '', btnOutlined: btnOutlined = false })=>{
+    return /*#__PURE__*/ (0, $cLW1d$jsxs)("div", {
+        className: "flex w-full flex-col items-end justify-between gap-4 lg:flex-row lg:gap-0",
+        children: [
+            /*#__PURE__*/ (0, $cLW1d$jsxs)("div", {
+                className: "w-[100%] lg:w-[50%]",
+                children: [
+                    /*#__PURE__*/ (0, $cLW1d$jsxs)("div", {
+                        className: "flex items-center gap-10",
+                        children: [
+                            /*#__PURE__*/ (0, $cLW1d$jsx)("div", {
+                                className: "",
+                                children: /*#__PURE__*/ (0, $cLW1d$jsx)((0, $cLW1d$Typography), {
+                                    variant: (0, $cLW1d$TYPOGRAPHY_VARIANTS).H2,
+                                    children: heading
+                                })
+                            }),
+                            !!badgeText && /*#__PURE__*/ (0, $cLW1d$jsx)((0, $cLW1d$Badge), {
+                                label: badgeText,
+                                type: (0, $4acf4e9f762a97fb$export$d56245647dff9e60).SOLID,
+                                bgColor: "#B880F1",
+                                textColor: "white",
+                                rounded: 20,
+                                size: (0, $4acf4e9f762a97fb$export$296627efaf99c544).LG
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $cLW1d$jsx)("div", {
+                        className: "mt-3 text-black/45",
+                        children: /*#__PURE__*/ (0, $cLW1d$jsx)((0, $cLW1d$Typography), {
+                            variant: (0, $cLW1d$TYPOGRAPHY_VARIANTS).P1,
+                            children: subheading
+                        })
+                    })
+                ]
+            }),
+            renderCtaButton && /*#__PURE__*/ (0, $cLW1d$jsx)("div", {
+                className: "flex w-[100%] justify-start lg:w-[50%] lg:justify-end",
+                children: /*#__PURE__*/ (0, $cLW1d$jsx)("div", {
+                    className: "w-fit",
+                    children: /*#__PURE__*/ (0, $cLW1d$jsx)((0, $cLW1d$Button), {
+                        outlined: btnOutlined,
+                        type: btnType,
+                        label: btnText,
+                        iconSuffix: btnIcon,
+                        size: (0, $cLW1d$BUTTON_SIZES).MD,
+                        handleOnClick: handleButtonClick
+                    })
+                })
+            })
+        ]
+    });
+};
+
+
+export {$91c69c1ec93d187c$export$8adb256d999cd5a0 as SectionHeader};
+//# sourceMappingURL=section-header.0fb31ee9.js.map

package/section-header.0fb31ee9.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAaO,MAAM,4CAAwC,CAAC,WACpD,OAAO,cACP,UAAU,mBACV,eAAe,WACf,OAAO,qBACP,iBAAiB,WACjB,UAAU,CAAA,GAAA,mBAAW,EAAE,OAAO,WAC9B,wBAAU,gBAAC,CAAA,GAAA,uBAAe;IAAE,WAAU;eACtC,YAAY,iBACZ,cAAc,OACf;IACC,qBACE,iBAAC;QAAI,WAAU;;0BACb,iBAAC;gBAAI,WAAU;;kCACb,iBAAC;wBAAI,WAAU;;0CACb,gBAAC;gCAAI,WAAU;0CACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;oCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;8CAAG;;;4BAE/C,CAAC,CAAC,2BACD,gBAAC,CAAA,GAAA,YAAI;gCACH,OAAO;gCACP,MAAM,CAAA,GAAA,yCAAU,EAAE,KAAK;gCACvB,SAAQ;gCACR,WAAU;gCACV,SAAS;gCACT,MAAM,CAAA,GAAA,yCAAU,EAAE,EAAE;;;;kCAI1B,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;4BAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;sCAAG;;;;;YAGjD,iCACC,gBAAC;gBAAI,WAAU;0BACb,cAAA,gBAAC;oBAAI,WAAU;8BACb,cAAA,gBAAC,CAAA,GAAA,aAAK;wBACJ,UAAU;wBACV,MAAM;wBACN,OAAO;wBACP,YAAY;wBACZ,MAAM,CAAA,GAAA,mBAAW,EAAE,EAAE;wBACrB,eAAe;;;;;;AAO7B","sources":["src/organisms/section-header/section-header.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  BUTTON_SIZES,\n  BUTTON_TYPES,\n  Typography,\n  TYPOGRAPHY_VARIANTS,\n} from '../../molecules';\nimport React, { FC } from 'react';\nimport { SectionHeaderProps } from './type';\nimport { ChevronRightIcon } from '@heroicons/react/24/solid';\nimport { BADGE_SIZES, BADGE_TYPES } from '../../molecules/badge/type';\n\nexport const SectionHeader: FC<SectionHeaderProps> = ({\n  heading,\n  subheading,\n  renderCtaButton,\n  btnText,\n  handleButtonClick,\n  btnType = BUTTON_TYPES.PRIMARY,\n  btnIcon = <ChevronRightIcon className=\"size-7\" />,\n  badgeText = '',\n  btnOutlined = false,\n}) => {\n  return (\n    <div className=\"flex w-full flex-col items-end justify-between gap-4 lg:flex-row lg:gap-0\">\n      <div className=\"w-[100%] lg:w-[50%]\">\n        <div className=\"flex items-center gap-10\">\n          <div className=\"\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.H2}>{heading}</Typography>\n          </div>\n          {!!badgeText && (\n            <Badge\n              label={badgeText}\n              type={BADGE_TYPES.SOLID}\n              bgColor=\"#B880F1\"\n              textColor=\"white\"\n              rounded={20}\n              size={BADGE_SIZES.LG}\n            />\n          )}\n        </div>\n        <div className=\"mt-3 text-black/45\">\n          <Typography variant={TYPOGRAPHY_VARIANTS.P1}>{subheading}</Typography>\n        </div>\n      </div>\n      {renderCtaButton && (\n        <div className=\"flex w-[100%] justify-start lg:w-[50%] lg:justify-end\">\n          <div className=\"w-fit\">\n            <Button\n              outlined={btnOutlined}\n              type={btnType}\n              label={btnText}\n              iconSuffix={btnIcon}\n              size={BUTTON_SIZES.MD}\n              handleOnClick={handleButtonClick}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"section-header.0fb31ee9.js.map"}

package/section-header.5a3199f1.js

@@ -0,0 +1,27 @@
+var $1bb7dd2997bb83df$exports = require("./section-header.7eb72f04.js");
+var $4f0a96f0abae99ea$exports = require("./type.3c6fb1f5.js");
+
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+
+
+$parcel$exportWildcard(module.exports, $1bb7dd2997bb83df$exports);
+$parcel$exportWildcard(module.exports, $4f0a96f0abae99ea$exports);
+
+
+//# sourceMappingURL=section-header.5a3199f1.js.map

package/section-header.5a3199f1.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/organisms/section-header/index.ts"],"sourcesContent":["export * from './section-header';\nexport * from './type';\n"],"names":[],"version":3,"file":"section-header.5a3199f1.js.map"}

package/section-header.7eb72f04.js

@@ -0,0 +1,75 @@
+var $75ff6314b77a3597$exports = require("./molecules.0cbdf4a9.js");
+var $3fc68f5c881da3e1$exports = require("./type.fe8fbc9e.js");
+var $e7rO7$reactjsxruntime = require("react/jsx-runtime");
+require("react");
+var $e7rO7$heroiconsreact24solid = require("@heroicons/react/24/solid");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "SectionHeader", () => $1bb7dd2997bb83df$export$8adb256d999cd5a0);
+
+
+
+
+
+const $1bb7dd2997bb83df$export$8adb256d999cd5a0 = ({ heading: heading, subheading: subheading, renderCtaButton: renderCtaButton, btnText: btnText, handleButtonClick: handleButtonClick, btnType: btnType = (0, $75ff6314b77a3597$exports.BUTTON_TYPES).PRIMARY, btnIcon: btnIcon = /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)((0, $e7rO7$heroiconsreact24solid.ChevronRightIcon), {
+    className: "size-7"
+}), badgeText: badgeText = '', btnOutlined: btnOutlined = false })=>{
+    return /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsxs)("div", {
+        className: "flex w-full flex-col items-end justify-between gap-4 lg:flex-row lg:gap-0",
+        children: [
+            /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsxs)("div", {
+                className: "w-[100%] lg:w-[50%]",
+                children: [
+                    /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsxs)("div", {
+                        className: "flex items-center gap-10",
+                        children: [
+                            /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)("div", {
+                                className: "",
+                                children: /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).H2,
+                                    children: heading
+                                })
+                            }),
+                            !!badgeText && /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Badge), {
+                                label: badgeText,
+                                type: (0, $3fc68f5c881da3e1$exports.BADGE_TYPES).SOLID,
+                                bgColor: "#B880F1",
+                                textColor: "white",
+                                rounded: 20,
+                                size: (0, $3fc68f5c881da3e1$exports.BADGE_SIZES).LG
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)("div", {
+                        className: "mt-3 text-black/45",
+                        children: /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                            variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).P1,
+                            children: subheading
+                        })
+                    })
+                ]
+            }),
+            renderCtaButton && /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)("div", {
+                className: "flex w-[100%] justify-start lg:w-[50%] lg:justify-end",
+                children: /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)("div", {
+                    className: "w-fit",
+                    children: /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Button), {
+                        outlined: btnOutlined,
+                        type: btnType,
+                        label: btnText,
+                        iconSuffix: btnIcon,
+                        size: (0, $75ff6314b77a3597$exports.BUTTON_SIZES).MD,
+                        handleOnClick: handleButtonClick
+                    })
+                })
+            })
+        ]
+    });
+};
+
+
+//# sourceMappingURL=section-header.7eb72f04.js.map