import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cn } from "../../../utils/cn";
export const InputGroup = ({ children, prefix, suffix, className, }) => {
    return (_jsxs("div", { className: cn("flex items-center", className), children: [prefix && (_jsx("span", { className: "px-3 py-2 border border-r-0 border-neutral-300 dark:border-neutral-600 rounded-l-lg bg-neutral-50 dark:bg-neutral-800 text-neutral-500 dark:text-neutral-400", children: prefix })), _jsx("div", { className: "flex-1", children: children }), suffix && (_jsx("span", { className: "px-3 py-2 border border-l-0 border-neutral-300 dark:border-neutral-600 rounded-r-lg bg-neutral-50 dark:bg-neutral-800 text-neutral-500 dark:text-neutral-400", children: suffix }))] }));
};
export default InputGroup;
