<style>
	.content {
		@apply flex;
		flex: 1;

		max-height: 100vh;
	}

	.scroll {
		@apply overflow-y-auto;
	}

	.padding {
		@apply p-6;
	}
</style>

<script lang="ts">
	export let scroll = true;
	export let padding = true;

	let classNames = '';
	export { classNames as class };
</script>

<div class="{classNames} content flex-1 text-left" class:scroll class:padding>
	<slot />
</div>
