aotds-docks/src/lib/components/Hull/Streamlining/index.svelte

<ShipItem {cost} {mass}>
  <Field label="streamlining">
    <div>
      <label>
        <input type="radio" bind:group={type} value="none" />
        none</label
      >
      <label>
        <input type="radio" bind:group={type} value="partial" />
        partial</label
      >
      <label>
        <input type="radio" bind:group={type} value="full" />
        full</label
      >
    </div>
  </Field>
</ShipItem>

<script>
  import ShipItem from "$lib/components/ShipItem/index.svelte";
  import Field from "$lib/components/Field/index.svelte";

  import { getContext } from "svelte";

  export let type = "none";
  export let cost = 0;
  export let mass = 0;
  export let ship = getContext("ship");

  $: ship?.dispatch_action("set_streamlining", type);
</script>

<style>
  div {
    display: flex;
  }
  label {
    margin-left: 1em;
  }
</style>