import { Fragment, jsx } from "react/jsx-runtime";
import { useStyle } from "../../../../../runtimes/react/use-style";
import GutterContainer from "../../../../shared/GutterContainer";
function PlaceholderLink({ width, button }) {
  return /* @__PURE__ */ jsx(
    "div",
    {
      className: useStyle({
        width,
        height: button === true ? 32 : 8,
        backgroundColor: "#a1a8c2",
        borderRadius: button === true ? 6 : 2,
        opacity: 0.4
      })
    }
  );
}
const links = [{ width: 50 }, { width: 70 }, { width: 60 }, { width: 80, button: true }];
function LinksPlaceholder({ gutter }) {
  return /* @__PURE__ */ jsx(Fragment, { children: links.map((link, i) => /* @__PURE__ */ jsx(GutterContainer, { gutter, first: i === 0, last: i === links.length - 1, children: /* @__PURE__ */ jsx(PlaceholderLink, { ...link }) }, i)) });
}
export {
  LinksPlaceholder as default
};
//# sourceMappingURL=index.js.map