23 lines
523 B
TypeScript
23 lines
523 B
TypeScript
|
import { makeStyles } from "@saleor/macaw-ui";
|
||
|
|
import { PropsWithChildren } from "react";
|
||
|
|
|
||
|
|
const useStyles = makeStyles({
|
||
|
|
root: {
|
||
|
|
display: "grid",
|
||
|
|
gridTemplateColumns: "280px auto",
|
||
|
|
alignItems: "start",
|
||
|
|
gap: 32,
|
||
|
|
maxWidth: 1180,
|
||
|
|
margin: "0 auto",
|
||
|
|
padding: "20px 0",
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
type AppColumnsLayoutProps = PropsWithChildren<{}>;
|
||
|
|
|
||
|
|
export const AppColumnsLayout = ({ children }: AppColumnsLayoutProps) => {
|
||
|
|
const styles = useStyles();
|
||
|
|
|
||
|
|
return <div className={styles.root}>{children}</div>;
|
||
|
|
};
|