import { jsx as i } from "react/jsx-runtime";
import { bm as s } from "./use-page-data.BYLN5MSa.js";
import { a } from "./twind.Cg2g8xBZ.js";
import { b as n } from "./use-section-style.CqWLdjop.js";
import { B as l } from "./BrickRoot.CQgjTuOI.js";
function c({ brick: t, editable: o, selected: e }) {
  const r = n(t);
  return /* @__PURE__ */ i(
    l,
    {
      brick: t,
      editable: o,
      manifest: s,
      "data-mobile-hidden": !0,
      className: a(
        "@mobile:hidden @desktop:flex h-full",
        o && "outline-dotted -outline-offset-1 outline-transparent hover:(striped-bg outline-black/10) group-hover/section:(striped-bg outline-black/10) transition-colors duration-150",
        e && "striped-bg ",
        ...Object.values(r)
      )
    }
  );
}
export {
  c as default
};
