<script>
    import type { Swatch } from "./SwatchRow/swatchRow.config";
    import SwatchRow from "./SwatchRow/SwatchRow.svelte";

    const swatches: Swatch[] = [
        { label: "Background", value: "var(--bg)", bg: "var(--bg)", color: "var(--text)" },
        { label: "Tone", value: "var(--tone)", bg: "var(--tone)", color: "var(--text)" },
        { label: "Card", value: "var(--card)", bg: "var(--card)", color: "var(--text)" },
    ];
</script>

<SwatchRow {swatches} />