<template>
	<div class="main">
		<p>
			<NcTextField :label="t('repod', 'Find a podcast')">
				<Magnify />
			</NcTextField>
		</p>
		<p>
			<span>{{ t('repod', 'Discover') }}</span>
		</p>
	</div>
</template>

<script>
import Magnify from 'vue-material-design-icons/Magnify.vue'
import { NcTextField } from '@nextcloud/vue'

export default {
	name: 'Discover',
	components: {
		Magnify,
		NcTextField,
	},
	data() {
		return {

		}
	},
	computed: {
	},
	async mounted() {
	},
	methods: {
	},
}
</script>

<style scoped>
    .main {
        margin: 11px 55px;
    }
</style>
