<style>
	.panel {
		@apply overflow-hidden;
		@apply rounded-lg;
	}
</style>

<script lang="ts">
	export let padding = 'p-6';
	export let shadow = true;
	let classNames = '';
	export { classNames as class };
</script>

<div class:shadow class="{classNames} panel {padding}">
	<slot />
</div>
