<script>
	import DataTable, { Head, Body, Row, Cell } from '@smui/data-table'; 

	import { temperature, humidity, pressure, bsec, co2, gas, quaternion } from '$lib/dataStore';
</script>

<svelte:head>
	<title>Rohdaten</title>
	<meta name="description" content="Rohdaten" />
</svelte:head>

<DataTable table$aria-label="sensors list" style="width: 100%;">
	<Head>
		<Row>
			<Cell>Name</Cell>
			<Cell numeric>Number</Cell>
		</Row>
	</Head>
	<Body>
		<Row>
			<Cell>Temperatur</Cell>
			<Cell numeric>{$temperature}</Cell>
		</Row>
		<Row>
			<Cell>Feuchtigkeit</Cell>
			<Cell numeric>{$humidity}</Cell>
		</Row>
		<Row>
			<Cell>Druck</Cell>
			<Cell numeric>{$pressure}</Cell>
		</Row>
		<!-- <Row>
			<Cell>BSEC</Cell>
			<Cell numeric>{$bsec}</Cell>
		</Row>
		<Row>
			<Cell>CO2</Cell>
			<Cell numeric>{$co2}</Cell>
		</Row> -->
		<Row>
			<Cell>Gas</Cell>
			<Cell numeric>{$gas}</Cell>
		</Row>
		<Row>
			<Cell>Quaternion</Cell>
			<Cell numeric>{$quaternion.x}, {$quaternion.y}, {$quaternion.z}</Cell>
		</Row>
	</Body>
</DataTable>