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