"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");const FormTextarea=({setting:e,builderProps:s,className:t,builderAttrs:r,advanced:a,pageContext:l,styles:o})=>{let{text:c,name:m,placeholder:y,required:i,translate:d}=e??{},u=""===m||void 0===m?"contact[note]":m,n=helpers.getDynamicSourceLocales({val:y,uid:s?.uid,settingId:"placeholder",pageContext:l,translate:d}),p=system.createStyle(styles.composeContainerStyles(a,e)),$=system.createStyle(styles.composeTextareaStyles(a,e,o)),x=system.createClass(classes.composeContainerClasses(a,s)),v=system.createClass(classes.composeTextareaClasses(e,s,t??""));return core.template`
    <div
      ${r}
      data-id="${s?.uid}"
      class="${x}"
      style="${p}"
    >
      <textarea
        class="${v}"
        style="${$}"
        placeholder="${n}"
        ${system.If(i,"required")}
        name="${u}"
        value="${c}"
      ></textarea>
    </div>
  `};exports.default=FormTextarea;
