<script>import WindowHeader from './WindowHeader.svelte';
import { BEM } from "../../models/BEM";
export let title = '';
const bm = new BEM('UI-Window');
bm.append($$props.class);
</script>

<div class="{bm.toString()}" style={$$props.style}>
	<WindowHeader {title} on:close on:maximize on:minimize />
	<div class="UI-Window__content">
		<slot />
	</div>
</div>

<style>.UI-Window {
  background-color: rgb(17, 24, 39);
  border-radius: 0.5rem;
  box-shadow: var(--ui-raised);
  color: rgb(156, 163, 175);
}
.UI-Window__content {
  padding: 0 1rem 1rem;
}</style>
