import { A } from "@solidjs/router";
import { IconHome, IconPhoto, IconSearch } from "@tabler/icons-solidjs";
import { Component } from "solid-js";

export const Dock: Component = () => {
	return (
		<div class="w-full mt-auto h-16 bg-white flex justify-between rounded-xl">
			<A href="/" class="w-full flex justify-center items-center">
				<IconHome />
			</A>
			<A href="/" class="w-full flex justify-center items-center">
				<IconSearch />
			</A>
			<A href="/" class="w-full flex justify-center items-center">
				<IconPhoto />
			</A>
		</div>
	);
};
