'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Tooltip=require("../../../../common/components/Tooltip.js"),Text=require("../../../text/components/Text.js"),system=require("@gem-sdk/system"),getClasses=require("../../helpers/product-price-breakdown/getClasses.js"),getStyles=require("../../helpers/product-price-breakdown/getStyles.js");const MoneyLine=({uniqueId:e,title:s,money:t,labelTextStyles:r,moneyTextStyles:i,builderPropsUID:o,tooltipData:l,direction:n,subTitle:a})=>{let u=core.useProduct(),c=u?.baseID?.replace("gid://shopify/Product/",""),x=system.createClass(getClasses.getMoneyRowClasses(n)),d=system.createClass(getClasses.getTextLabelMoneyClasses(n)),m=system.createClass(getClasses.getTextValueMoneyClasses(n)),p=getStyles.getLabelTextStyles(n,r);return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs("div",{className:x,children:[jsxRuntime.jsx(Text.default,{className:d,setting:{text:s,options:{uniqueId:`${e}-${o}-${c}`,productID:c,useState:!0}},styles:p}),l?jsxRuntime.jsx(Tooltip.default,{tooltip:l.content||"",width:l.width||""}):jsxRuntime.jsx(Text.default,{className:m,setting:{text:t,options:{isCannotEditing:!0}},styles:i})]}),a&&jsxRuntime.jsx("div",{className:"gp-text-xs gp-font-normal gp-leading-5 gp-text-[#737373]",children:a})]})};exports.default=MoneyLine;
