Something went wrong. Try again.
a tool for shared writing and social publishing
Something went wrong. Try again.
500 B · 18 lines
TSX
12345678910111213141516171819import { ExternalLinkTiny } from "./Icons/ExternalLinkTiny";
export const Tab = (props: { name: string; selected: boolean; onSelect: () => void; href?: string;}) => { return ( <div 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"}`} onClick={() => props.onSelect()} > {props.name} {props.href && <ExternalLinkTiny />} </div> );};