leaflet.pub
a tool for shared writing and social publishing
awarm.space
1import { ExternalLinkTiny } from "./Icons/ExternalLinkTiny";
2
3export const Tab = (props: {
4 name: string;
5 selected: boolean;
6 onSelect: () => void;
7 onMouseEnter?: () => void;
8 onPointerDown?: () => void;
9 href?: string;
10}) => {
11 return (
12 <div
13 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"}`}
14 onClick={() => props.onSelect()}
15 onMouseEnter={props.onMouseEnter}
16 onPointerDown={props.onPointerDown}
17 >
18 {props.name}
19 {props.href && <ExternalLinkTiny />}
20 </div>
21 );
22};