import Vue from 'vue';
import { Component, Prop } from 'vue-property-decorator';
import { propOptional, propRequired } from '../../../../../utils/vue';
import AppScrollScroller from '../../../../../_common/scroll/scroller/scroller.vue';

@Component({
	components: {
		AppScrollScroller,
	},
})
export default class AppCommunitySliderPlaceholder extends Vue {
	// How many community placeholders we want, not including Add or Discover.
	@Prop(propRequired(Number))
	num!: number;

	/**
	 * Adds a second non-community bubble
	 * if we want the 'add' placeholder to show.
	 */
	@Prop(propOptional(Boolean, false))
	withAddButton!: number;
}
