a tool for shared writing and social publishing
leaflet.pub
1import { ExternalLinkTiny } from "./Icons/ExternalLinkTiny";
2
3export const Tab = (props: {
4 name: string;
5 selected: boolean;
6 onSelect: () => void;
7 href?: string;
8}) => {
9 return (
10 <div
11 className={`pubTabs px-1 py-0 flex gap-1 items-center rounded-md hover:cursor-pointer ${props.selected ? "text-accent-2 bg-accent-1 font-bold -mb-px" : "text-tertiary"}`}
12 onClick={() => props.onSelect()}
13 >
14 {props.name}
15 {props.href && <ExternalLinkTiny />}
16 </div>
17 );
18};