@crossed/demo/lib/module/ui/layout/Divider.js

A universal & performant styling library for React Native, Next.js & React

import { jsx, jsxs } from "react/jsx-runtime";
import { YBox, Divider, XBox, Text } from "@crossed/ui";
const DividerDemo = ({ space }) => {
  return /* @__PURE__ */ jsxs(YBox, { space, children: [
    /* @__PURE__ */ jsxs(XBox, { space, children: [
      /* @__PURE__ */ jsx(Text, { children: "Hello" }),
      /* @__PURE__ */ jsx(Divider, { direction: "vertical" }),
      /* @__PURE__ */ jsx(Text, { children: "World" })
    ] }),
    /* @__PURE__ */ jsx(Divider, { direction: "horizontal" }),
    /* @__PURE__ */ jsx(Text, { className: "self-center", children: "Hello" })
  ] });
};
export {
  DividerDemo
};
//# sourceMappingURL=Divider.js.map