Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
Svelte
1234567891011121314151617181920212223242526272829303132<script lang="ts"> import type { Snippet } from "svelte"; import GraphCell, { type Band } from "./GraphCell.svelte";
interface Props { index: number; position?: Band; selected?: 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>