<template>
	<div class="d-flex flex-row align-center">
		<div
			:style="{ width: labelWidth ? labelWidth + 'px' : null }"
			:class="!labelWidth ? 'mr-4' : null"
		>
			<template v-if="label">
				<v-icon x-small :color="'primary'" class="mr-2"
					>mdi-record-circle</v-icon
				>
				<label style="font-size: 0.875rem;">{{ label }}</label>
			</template>
		</div>
		<slot />
	</div>
</template>

<script>
export default {
	name: 'SdLabelBlock',
	props: {
		label: {
			type: String,
		},
		labelWidth: {
			type: Number,
		},
	},
};
</script>

<style scoped></style>
