"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/form-textarea/configs/translate.js");const FormTextarea=({setting:e,builderProps:s,className:t,builderAttrs:a,advanced:r,pageContext:l,styles:o})=>{let{text:c,name:i,placeholder:m,required:n}=e??{},d=""===i||void 0===i?"contact[note]":i,y=helpers.getDynamicSourceLocales({val:m,uid:s?.uid,settingId:helpers.createSettingId({id:translate.FormTextarea?.placeholder?.id}),pageContext:l??{}}),u=system.createStyle(styles.composeContainerStyles(r,e)),p=system.createStyle(styles.composeTextareaStyles(r,e,o)),x=system.createClass(classes.composeContainerClasses(r,s)),$=system.createClass(classes.composeTextareaClasses(e,s,t??""));return core.template`
    <div
      ${a}
      data-id="${s?.uid}"
      class="${x}"
      style="${u}"
    >
      <textarea
        class="${$}"
        style="${p}"
        placeholder="${y}"
        ${system.If(n,"required")}
        name="${d}"
        value="${c}"
      ></textarea>
    </div>
  `};exports.default=FormTextarea;
