import '@reddit/faceplate-ui/components/faceplate-text-input.js';
import { html, ifDefined } from '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
export const renderNumberField = (field) => {
    const { min, max, step } = field.fieldConfig?.numberConfig ?? {};
    return html `
    <faceplate-text-input
      id="${field.fieldId}"
      name="${field.fieldId}"
      class="py-xs border-0"
      type="number"
      value="${field.defaultValue?.numberValue ?? 0}"
      min="${ifDefined(min)}"
      max="${ifDefined(max)}"
      step="${ifDefined(step)}"
      ?required="${field.required}"
      ?disabled="${field.disabled}"
      innerLabel
    >
      <span slot="label">${field.label}</span>
    </faceplate-text-input>
  `;
};
//# sourceMappingURL=renderNumberField.js.map