import {Fragment} from "react";
import Fabs from "./components/fabs";
import Badges from "./components/badges";

export default function Page() {
    return(
        <Fragment>
            <div style={{
                display: "flex",
                flexDirection:"column",
                justifyContent: "center",
                alignItems: "center",
                overflowX: "auto",
                gap: "0em"
            }}>
                <h1>Google Material You UI kit</h1>
                <div style={{
                    display: "flex",
                    flexDirection: "column",
                    gap: "0.5em",
                    justifyContent: "center",
                    alignItems: "center"
                }}>
                    <Fabs/>
                    <Badges/>
                </div>
            </div>
        </Fragment>
    )
}