'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:o,builderPropsUID:l,tooltipData:i,direction:a})=>{let n=core.useProduct(),u=n?.baseID?.replace("gid://shopify/Product/",""),c=system.createClass(getClasses.getMoneyRowClasses(a)),d=system.createClass(getClasses.getTextLabelMoneyClasses(a)),x=system.createClass(getClasses.getTextValueMoneyClasses(a)),m=getStyles.getLabelTextStyles(a,r);return jsxRuntime.jsxs("div",{className:c,children:[jsxRuntime.jsx(Text.default,{className:d,setting:{text:s,options:{uniqueId:`${e}-${l}-${u}`,productID:u,useState:!0}},styles:m}),i?jsxRuntime.jsx(Tooltip.default,{tooltip:i.content||"",width:i.width||""}):jsxRuntime.jsx(Text.default,{className:x,setting:{text:t,options:{isCannotEditing:!0}},styles:o})]})};exports.default=MoneyLine;
