26 lines
465 B
Svelte
26 lines
465 B
Svelte
|
<script lang="ts">
|
||
|
|
import type { OasisType } from "../types";
|
||
|
|
|
||
|
|
export let region: OasisType;
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<h2>
|
||
|
|
<img src="/img/icons/{ region.resource }.png" alt="{ region.resource }">
|
||
|
|
Oasis
|
||
|
|
(→ { region.distance })
|
||
|
|
</h2>
|
||
|
|
<div>
|
||
|
|
<button>Pillage</button>
|
||
|
|
<button>Conquer</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
h2 {
|
||
|
|
align-items: center;
|
||
|
|
display: flex;
|
||
|
|
gap: 0.4em;
|
||
|
|
}
|
||
|
|
</style>
|