@crossed/ui/lib/module/layout/XBox.js

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

import { jsx } from "react/jsx-runtime";
import { composeStyles, createStyles } from "@crossed/styled";
import { Box } from "./Box";
import { forwardRef } from "react";
const useXBox = createStyles(
  () => ({
    root: {
      base: {
        display: "flex",
        flexDirection: "row",
        flexBasis: "auto"
      }
    }
  })
);
const XBox = forwardRef(({ style, ...props }, ref) => {
  return /* @__PURE__ */ jsx(
    Box,
    {
      ref,
      justifyContent: "start",
      ...props,
      style: composeStyles(useXBox.root, style)
    }
  );
});
export {
  XBox,
  useXBox
};
//# sourceMappingURL=XBox.js.map