<template>
	<AppSidebar v-show="showSidebar"
		:title="sidebarStation.name"
		:subtitle="stationTags"
		@close="showSidebar=false">
		<input type="text" :value="sidebarStation.url_resolved" disabled="disabled">
		<Actions>
			<ActionButton icon="icon-clippy" @click="copyLink( { url: shareUrl(share) })">
				{{ t('radio', 'Copy link to clipboard') }}
			</ActionButton>
		</Actions>
	</AppSidebar>
</template>

<script>
import AppSidebar from '@nextcloud/vue/dist/Components/AppSidebar'
import Actions from '@nextcloud/vue/dist/Components/Actions'
import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'

export default {
	name: 'Sidebar',
	components: {
		AppSidebar,
		Actions,
		ActionButton,
	},
}
</script>
