| <script lang="ts"> | |
| export let value: string; | |
| export let type: "gallery" | "table"; | |
| export let selected = false; | |
| export let choices: [string, string | number][]; | |
| let name = choices.find((pair) => pair[1] === value); | |
| let name_string = name ? name[0] : ""; | |
| </script> | |
| <div | |
| class:table={type === "table"} | |
| class:gallery={type === "gallery"} | |
| class:selected | |
| > | |
| {name_string} | |
| </div> | |
| <style> | |
| .gallery { | |
| padding: var(--size-1) var(--size-2); | |
| } | |
| </style> | |