"use client";
import { jsx } from "react/jsx-runtime";
import * as React from "react";
import { Mail } from "lucide-react";
import { useT } from "@open-mercato/shared/lib/i18n/context";
import { Input } from "./input.js";
const EmailInput = React.forwardRef(
  ({ showIcon = true, placeholder, ...props }, ref) => {
    const t = useT();
    const resolvedPlaceholder = placeholder ?? t("ui.inputs.emailInput.placeholder", "name@example.com");
    return /* @__PURE__ */ jsx(
      Input,
      {
        ref,
        type: "email",
        inputMode: "email",
        autoComplete: "email",
        placeholder: resolvedPlaceholder,
        leftIcon: showIcon ? /* @__PURE__ */ jsx(Mail, { "aria-hidden": "true" }) : void 0,
        ...props
      }
    );
  }
);
EmailInput.displayName = "EmailInput";
export {
  EmailInput
};
//# sourceMappingURL=email-input.js.map
