<template>
	<ContentLoader
		viewBox="0 0 1920 40"
		:speed="2"
		primaryColor="#bbb9ca"
		secondaryColor="#ecebeb"
	>
		<rect x="68" y="18" rx="2" ry="2" width="25" height="5" />
		<rect x="444" y="11" rx="2" ry="2" width="75" height="10" />
		<rect x="68" y="11" rx="2" ry="2" width="25" height="5" />
		<rect x="45" y="29" rx="2" ry="2" width="538" height="6" />
		<rect x="9" y="10" rx="2" ry="2" width="25" height="25" />
		<rect x="22" y="21" rx="0" ry="0" width="6" height="2" />
		<circle cx="54" cy="17" r="8" />
		<rect x="523" y="11" rx="2" ry="2" width="58" height="10" />
		<rect x="101" y="11" rx="2" ry="2" width="13" height="13" />
	</ContentLoader>
</template>

<script>
import { ContentLoader } from "vue-content-loader"
export default {
	name: 'playLoader',
	components: [ContentLoader]
}
</script>
