synapse-react-client/dist/components/ChallengeTeamWizard/ChallengeTeamSearch.js

[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie

import { jsxs as x, jsx as o } from "react/jsx-runtime";
import s from "@mui/material/InputBase";
import i from "@mui/icons-material/Search";
import { Box as r } from "@mui/system";
function u(e) {
  const { value: a, rowCount: l, onChange: p } = e, n = l > 5 ? "calc(100% - 8px)" : "100%";
  return /* @__PURE__ */ x(
    r,
    {
      sx: {
        p: "4px 4px",
        display: "flex",
        flexGrow: 1,
        width: n,
        border: "1px solid #F2F2F2",
        "& .Mui-focused": {
          border: "none",
          boxShadow: "none"
        }
      },
      children: [
        /* @__PURE__ */ o(r, { sx: { margin: "0px 0 -4px 8px" }, "aria-label": "search", children: /* @__PURE__ */ o(i, { sx: { color: "#878E95" } }) }),
        /* @__PURE__ */ o(
          s,
          {
            value: a,
            onChange: p,
            sx: {
              "& .MuiInputBase-input": { p: "1px 8px" },
              ml: 1,
              flex: 1,
              backgroundColor: "white"
            },
            placeholder: "Search all teams",
            inputProps: { "aria-label": "search all teams" }
          }
        )
      ]
    }
  );
}
export {
  u as ChallengeTeamSearch
};
//# sourceMappingURL=ChallengeTeamSearch.js.map