import { jsxs as i, jsx as s } from "react/jsx-runtime";
import { S as m } from "./SearchField.CNiPXaBN.js";
import { c as p } from "./index.CfM2L_w0.js";
const h = "creator_container_APA2e", S = "creator_label_NpFkq", a = { container: h, label: S }, b = ({
  className: e,
  keyword: r,
  placeholder: c = "Search...",
  isDisabled: o,
  label: t,
  onChange: l
}) => {
  const n = p(a.container, e);
  return /* @__PURE__ */ i("div", { className: n, children: [
    /* @__PURE__ */ s("span", { className: a.label, children: t }),
    /* @__PURE__ */ s(
      m,
      {
        placeholder: c,
        value: r,
        isDisabled: o,
        onChange: l
      }
    )
  ] });
};
export {
  b as S
};
