import { makeStyles } from "@saleor/macaw-ui";
import { PropsWithChildren } from "react";

export const useStyles = makeStyles({
  root: {
    display: "grid",
    gridTemplateColumns: "280px minmax(400px, 600px) 280px",
    alignItems: "start",
    gap: 32,
  },
});

export type Props = PropsWithChildren<{}>;

export const AppGrid = ({ children }: Props) => {
  const styles = useStyles();

  return <div className={styles.root}>{children}</div>;
};
