import {Link, Outlet} from "react-router-dom";
import React from "react";
import logoUrl from '../img/logo.svg';
import "./css/MainLayout.css"

export function MainLayout() {
    return (
        <>
            <div className="header container flex-col">
                <Link to="/dashboard" className="menu-button self-end">
                    <svg width="75" height="65" viewBox="0 0 75 65" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect width="75" height="15" rx="7.5" className={"rect"}/>
                        <rect y="25" width="75" height="15" rx="7.5" className={"rect"}/>
                        <rect y="50" width="75" height="15" rx="7.5" className={"rect"}/>
                    </svg>
                </Link>
                <img src={logoUrl as string} alt="Logo"/>
            </div>
            <div className="content">
                <Outlet/>
            </div>
        </>
    );
}