import { Fragment, jsx } from "react/jsx-runtime";
import { useStyle } from "../../../../../runtimes/react/use-style";
import GutterContainer from "../../../../shared/GutterContainer";
const links = [{ id: "1" }, { id: "2" }, { id: "3" }];
function SocialLinksPlaceholder({ 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.id
  )) });
}
function PlaceholderLink() {
  return /* @__PURE__ */ jsx(
    "div",
    {
      className: useStyle({
        width: 44,
        height: 44,
        borderRadius: "50%",
        backgroundColor: "rgba(161, 168, 194, 0.4)"
      })
    }
  );
}
export {
  SocialLinksPlaceholder as default
};
//# sourceMappingURL=index.js.map