bananas-commerce-admin
Version:
What's this, an admin for apes?
33 lines • 1.83 kB
JavaScript
import React from "react";
import { Grid2 as Grid, Stack } from "@mui/material";
import { ss } from "../util/select_styles";
const commonStyles = {
bgcolor: "background.default",
position: "relative",
padding: { xs: 1, sm: 3 },
paddingBottom: { xs: 14, sm: 4 },
};
const MAX_WIDTH = 1300;
export const Content = ({ layout, sx, children, ...props }) => {
switch (layout) {
case "fullWidth":
return (React.createElement(Grid, { container: true, pb: 10, sx: ss(commonStyles, sx, { width: "100%" }), ...props },
React.createElement(Grid, { size: 12 },
React.createElement(Stack, { spacing: 2 }, children))));
case "fixedWidth":
return (React.createElement(Grid, { container: true, pb: 10, spacing: 2, sx: ss(commonStyles, {
maxWidth: MAX_WIDTH,
width: "100%",
mr: "auto",
...sx,
}), ...props }, children));
}
};
export const LeftColumn = ({ children, stackProps, ...props }) => (React.createElement(Grid, { size: { xs: 12, md: 8 }, ...props },
React.createElement(Stack, { ...stackProps, spacing: 2 }, children)));
export const RightColumn = ({ children, stackProps, ...props }) => (React.createElement(Grid, { size: { xs: 12, md: 4 }, ...props },
React.createElement(Stack, { ...stackProps, spacing: 2 }, children)));
export const TwoColumn = ({ children, ...props }) => (React.createElement(Grid, { container: true, spacing: 2, ...props, sx: { width: "100%", ...props.sx } }, children));
export const ContentWrapperWithActionBar = ({ children, sx, ...props }) => (React.createElement(Stack, { sx: { minHeight: { xs: "auto", sm: "100vh" }, ...sx }, ...props }, children));
export default Content;
//# sourceMappingURL=Content.js.map