<script>
 import {
     Button,
     Col,
     Container,
     Row,
     Icon,
 } from '@sveltestrap/sveltestrap';

 import TrackList from '$lib/components/TrackList.svelte';
</script>

<div class="d-flex flex-fill flex-column">
    <div class="d-flex flex-row justify-content-between d-block d-md-none">
        <Button href="musiks" color="link" class="p-0">
            <Icon name="chevron-left" /> Musiques
        </Button>
    </div>
    <Container fluid class="flex-fill">
        <Row class="mh-100 h-100">
            <Col md={3} class="d-none d-md-block px-0 py-2" style="background: #e7e8e9">
            <TrackList edit flush />
            </Col>
            <Col md={9} class="d-flex py-2">
            <slot></slot>
            </Col>
        </Row>
    </Container>
</div>
