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