@blocklet/ui-react/lib/Footer/layout/plain.js

Some useful front-end web components that can be used in Blocklets.

import { jsx as t, jsxs as n, Fragment as a } from "react/jsx-runtime";
import { cloneElement as l } from "react";
import e from "prop-types";
import { Container as r } from "@mui/material";
import { styled as p } from "@arcblock/ux/lib/Theme";
import d from "./row.js";
function s({ elements: i, data: m, ...o }) {
  return /* @__PURE__ */ t(c, { ...o, children: /* @__PURE__ */ t(r, { style: { padding: 0 }, children: /* @__PURE__ */ n(r, { className: "plain-layout-container", children: [
    i.links && /* @__PURE__ */ n(d, { sx: { width: 1 }, autoCenter: !0, children: [
      i.copyright,
      i.links
    ] }),
    !i.links && /* @__PURE__ */ n(a, { children: [
      l(i.brand, { name: null, description: null }),
      i.copyright
    ] })
  ] }) }) });
}
s.propTypes = {
  elements: e.shape({
    brand: e.element,
    navigation: e.element,
    socialMedia: e.element,
    copyright: e.element,
    links: e.element
  }).isRequired,
  data: e.object.isRequired
};
const c = p("div")`
  padding: 24px 0;
  .plain-layout-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
  }
`;
export {
  s as default
};