<template>
	<a v-if="isExternal" :href="href" class="footer-link" target="_blank">
		{{ text }}
	</a>
	<nuxt-link v-else :to="localePath(href)" class="footer-link">
		{{ text }}
	</nuxt-link>
</template>
<script>
export default {
	name: "AppFooterLink",
	props: {
		href: {
			default: "#",
			required: true,
			type: String
		},
		isExternal: {
			default: false,
			required: true,
			type: Boolean
		},
		text: {
			default: "#",
			required: true,
			type: String
		}
	}
};
</script>
<style lang="scss" scoped>
.footer-link {
	color: $color-white--dark;
	display: block;
	font-size: 13px;
	margin: $padding-default/1.5 0;
	overflow: hidden;
	text-decoration: none;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;

	&:hover {
		color: $color-primary;
	}
}
</style>