<script lang="ts">
    import { getVariableNameForChapter } from "../../../../utils"

    export let title: string, type: number, description: string

    //
</script>

<div>
    <h1 style="color: var({getVariableNameForChapter(type)});">
        {title}
    </h1>
    <p style="color: var({getVariableNameForChapter(type)});">
        {@html description}
    </p>
</div>

<style lang="less">
    h1 {
        font-size: 4.8rem;
        text-transform: uppercase;
        margin-bottom: 2.4rem;
    }
    p {
        font-size: 1.2rem;
    }
</style>
