<template>
	<div ref="content" class="_sd-dock" :sd-position="position">
		<slot />
	</div>
</template>

<script>
export default {
	name: 'SdDock',
	props: {
		position: {
			type: String,
			required: true,
			validator: val => ['top', 'bottom', 'left', 'right'].includes(val),
		},
	},
};
</script>

<style scoped lang="scss">
._sd-dock {
	position: absolute;
}
</style>
