import "../style/home/global.css"
import "../style/home/tactic.css"
import "../style/home/titre.css"

export default function Home() {
    return (
        <div id="main">
            <Title/>
            <Body/>
        </div>
    )
}

export function Title() {
    return (
        <div id="title">
            <h1 id="IQBall"><span id="IQ">IQ</span><span id="B">B</span>all</h1>
            <img src=""></img>
        </div>
    )
}


export function Body() {
    return (
        <div id="body">
            <Team/>
            <Tactic/>
        </div>
    )
}

export function Team() {
    return (
        <div id="team">
            <h2>Mes équipes</h2>
            <button id="createTeam">+</button>
        </div>
    )
}

export function Tactic() {
    return (
        <div id="tactic">
            <div id="titreTactic">
                <h2>Mes stratégies</h2>
                <button id="createTactic" onClick={() => (location.pathname = "/tactic/new")}>+</button>
            </div>
        </div>
    )
}