"use client";
import { jsx } from "react/jsx-runtime";
import * as React from "react";
import { cn } from "@open-mercato/shared/lib/utils";
import { Input } from "./input.js";
const InlineInput = React.forwardRef(
  ({ className, inputClassName, size = "sm", showBorderOnHover = true, ...rest }, ref) => {
    return /* @__PURE__ */ jsx(
      Input,
      {
        ref,
        size,
        className: cn(
          "border-transparent bg-transparent shadow-none",
          showBorderOnHover ? "hover:border-input hover:bg-muted/40" : "hover:bg-transparent",
          className
        ),
        inputClassName,
        "data-slot": "inline-input",
        ...rest
      }
    );
  }
);
InlineInput.displayName = "InlineInput";
export {
  InlineInput
};
//# sourceMappingURL=inline-input.js.map
