<script>
	import Close from "./Close.svelte";
	import {BEM} from "../../models/BEM";

	const bm = new BEM('UI-Closeable', {});
	bm.append($$props.class);
</script>

<div class="{bm.toString()}" on:click>
	<Close/>
</div>

<style>.UI-Closeable {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--ui-secondary);
  border-radius: 10px;
  height: 15px;
  width: 15px;
  color: white;
  vertical-align: middle;
  cursor: pointer;
}</style>
