import{template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as t,createSettingId as r}from"../../../helpers.js";import{createStyle as a,createClass as o,If as s}from"@gem-sdk/system";import{composeContainerStyles as m,composeTextareaStyles as i}from"./common/styles.js";import{composeContainerClasses as d,composeTextareaClasses as l}from"./common/classes.js";import{FormTextarea as c}from"../../settings/form-textarea/configs/translate.js";let FormTextarea=({setting:n,builderProps:p,className:$,builderAttrs:f,advanced:x,pageContext:u,styles:g})=>{let{text:v,name:j,placeholder:y,required:h}=n??{},F=""===j||void 0===j?"contact[note]":j,T=t({val:y,uid:p?.uid,settingId:r({id:c?.placeholder?.id}),pageContext:u??{}}),k=a(m(x,n)),q=a(i(x,n,g)),C=o(d(x,p)),I=o(l(n,p,$??""));return e`
    <div
      ${f}
      data-id="${p?.uid}"
      class="${C}"
      style="${k}"
    >
      <textarea
        class="${I}"
        style="${q}"
        placeholder="${T}"
        ${s(h,"required")}
        name="${F}"
        value="${v}"
      ></textarea>
    </div>
  `};export{FormTextarea as default};
