---
import { SITE_METADATA } from "@root/constants";
import { Icon } from "astro-icon";
import TranslatedLink from "./TranslatedLink.astro";
import UIString from "./UIString.astro";
---

<footer>
	<div class="container">
		<div>
			<i>
				<UIString key={"footer.developed"} />: <TranslatedLink to="/contacts/">
					{SITE_METADATA.author}
				</TranslatedLink>
				&copy; {new Date().getFullYear()}
			</i>
		</div>
		<div>
			<a href="/rss.xml" target="_blank"><UIString key={"footer.rssFeed"} /></a>
			<span>
				<Icon name="rss" width="20" height="20" />
			</span>
		</div>
	</div>
</footer>

<style lang="scss">
	footer {
		font-weight: 500;
		margin-top: 5rem;
		color: var(--color-gray-400);
		font-size: var(--font-size-sm);
		& .container {
			padding-top: 15px;
			padding-bottom: 15px;
			border-top: 1px solid var(--border-color);
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex-wrap: wrap;
			column-gap: 20px;
			row-gap: 5px;
			& div:last-child {
				display: flex;
				align-items: center;
				& a {
					margin-right: 0.25rem;
				}
			}
		}
	}
</style>