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