import { Outlet } from "react-router-dom";
import { Box, Rows } from "@canva/app-ui-kit";
import { AppError } from "./components";
import * as styles from "styles/components.css";

export const Home = () => (
  <div className={styles.scrollContainer}>
    <Box
      justifyContent="center"
      width="full"
      alignItems="start"
      display="flex"
      height="full"
    >
      <Rows spacing="3u">
        <AppError />
        <Outlet />
      </Rows>
    </Box>
  </div>
);