<script>
    import {locals} from "../ts/stores.js";
    import LocalsTest from "./LocalsTest.svelte";
</script>

<style lang="scss">
	.render-mode {
		text-align: center;
		background: gray;
		padding: 8px;
		margin-bottom: 8px;
	}
</style>

<div class="render-mode">{$locals.isSsr ? 'SSR' : 'CSR'}</div>

<div class="data-table-container">
    <table class="data-table">
        <thead>
        <tr>
            <th>Name</th>
            <th>Expected value</th>
            <th>Actual value</th>
        </tr>
        </thead>

        <tbody>
        <LocalsTest/>
        </tbody>
    </table>
</div>
