<script>
    import A4 from "../zhen/notes/physics/sharedComps/A4.svelte";
    import ToolButton from "./comps/ToolButton.svelte";
    import { BatteryMedium } from '@lucide/svelte';
</script>

<div class="flex justify-center pt-10">
    <A4
        bottomBorder={false}
        bgColor={"rounded-lg bg-base-300"}
        class="cozette text-base-content h-full"
    >
        <div class="p-4 flex flex-col h-full">
            <h1 class="text-5xl font-bold">Tools (NOT FINISHED. come back in the future.)</h1>
            <span class="w-full text-xl"
                >These are the tools collected from different places of the
                internet</span
            >

            <!-- Spacing -->
            <div class="pt-14"></div>

            <div class="p-4 bg-base-200 rounded-lg">
                <h2 class="text-2xl font-bolc">MPUs/SoCs</h2>
                <span>Whatever acronym you want lol</span>
                <div class="grid grid-cols-3 gap-4">
                    <ToolButton
                        title="Sleeping battery life"
                        desc="Calculates the battery life depending on sleep and non-sleep power usage."
                        btnText="To calculator"
                        toolIcon={BatteryMedium}
                    />
                    <!-- <ToolButton
                        title="Sleeping battery life"
                        desc="Calculates the battery life depending on sleep and non-sleep power usage."
                        btnText="To calculator"
                        toolIcon={BatteryMedium}
                    />
                    <ToolButton
                        title="Sleeping battery life"
                        desc="Calculates the battery life depending on sleep and non-sleep power usage."
                        btnText="To calculator"
                        toolIcon={BatteryMedium}
                    /> -->
                </div>
            </div>

            <div class="mt-auto align-text-bottom">
                I if you have tool suggestions, then either create an issue, create a pull request, or send an email. I probably wont add it though, since this is free work lol.
            </div>
        </div>
    </A4>
</div>
