Table

<script lang="ts">
	const rows = [
		['--md-sys-color-primary', '#abc8ff'],
		['--md-sys-shape-corner-medium', '12px']
	];
</script>

<div class="table-root">
	<table class="table-table">
		<thead>
			<tr>
				<th class="table-header">Token</th>
				<th class="table-header">Value</th>
			</tr>
		</thead>
		<tbody>
			{#each rows as row (row[0])}
				<tr class="table-row">
					<td class="table-cell">{row[0]}</td>
					<td class="table-cell">{row[1]}</td>
				</tr>
			{/each}
		</tbody>
	</table>
</div>