1import type { ReactNode } from "react";
2
3/** Settings shows only on the highlighted row; the pin keeps the far-right column. */
4export function ProjectRowActions(props: {
5 readonly settings?: ReactNode;
6 readonly pin?: ReactNode;
7}) {
8 return (
9 <span className="ml-auto flex shrink-0 items-center pointer-coarse:gap-1">
10 {props.settings ? (
11 <span className="flex pointer-fine:invisible pointer-fine:in-data-highlighted:visible">
12 {props.settings}
13 </span>
14 ) : null}
15 {props.pin ?? <span className="size-7 sm:size-6" />}
16 </span>
17 );
18}