import { jsx as u } from "react/jsx-runtime";
import { useMemo as x } from "react";
import { c as O, s as z, a as C } from "../tools/tools.js";
import { S as N } from "./select-option.js";
const n = function(c) {
  const {
    as: m = "select",
    children: p,
    className: e,
    dropOldClass: t,
    isInvalid: a,
    isValid: i,
    nativeSize: l,
    size: s,
    style: o,
    variables: r,
    ...d
  } = c, f = x(() => {
    const S = O(
      !t && "form-select",
      i && "is-valid",
      a && "is-invalid",
      s && `form-select-${s}`,
      e
    ), y = z((K, v) => ({ tKey: C(v) }), r, o);
    return {
      className: S,
      size: l,
      style: y
    };
  }, [e, t, a, i, l, s, o, r]);
  return /* @__PURE__ */ u(m, { ...d, ...f, children: p });
};
n.Option = N;
n.displayName = "BRL.Select";
export {
  n as S
};
//# sourceMappingURL=select.js.map
