<!--
Phase 10 stub for the Calculator sidebar tool. Phase 30 wires the
real ship/path calculator. Until then the stub renders a localised
`coming soon` paragraph with a stable testid that later phases can
replace without touching navigation.
-->
<script lang="ts">
	import { i18n } from "$lib/i18n/index.svelte";
</script>

<section class="tool" data-testid="sidebar-tool-calculator">
	<h3>{i18n.t("game.sidebar.tab.calculator")}</h3>
	<p>{i18n.t("game.sidebar.empty.calculator")}</p>
</section>

<style>
	.tool {
		padding: 1rem;
		font-family: system-ui, sans-serif;
	}
	.tool h3 {
		margin: 0 0 0.5rem;
		font-size: 1rem;
	}
	.tool p {
		margin: 0;
		color: #888;
	}
</style>
