Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
Svelte
12345678910111213141516171819202122232425262728293031<script lang="ts"> import type { Snippet } from "svelte"; import GraphCell, { type Band } from "$lib/components/ui/GraphCell.svelte";
interface Props { index: number; position?: Band; displayed?: Band; children: Snippet; }
let { index, position = "middle", displayed = "none", children }: Props = $props();</script>
<div data-index={index} style="grid-column: 1; grid-row: {index + 1}" class="group relative box-border flex min-h-10 border-border-default"> <div class="relative flex"> <GraphCell band={position} /> <GraphCell band={displayed} fill={displayed !== "middle"} style="--graph-line: var(--range-accent); --graph-fill: var(--range-fill)" class="absolute inset-y-0 left-0" /> </div> {@render children()}</div>