<template>
	<scroll-view
		class="h-scroll-container"
		scroll-x
		:show-scrollbar="false"
		:enhanced="true"
		:bounces="true"
		:scroll-animation-duration="300"
		:enable-flex="true"
	>
		<slot></slot>
	</scroll-view>
</template>

<script>
export default {
	name: 'HorizontalScroll',
};
</script>

<style scoped>
.h-scroll-container {
	width: 100%;
	white-space: nowrap;
	display: flex;
	flex-direction: row;
}
</style>
