1import { Pressable } from "react-native";
2
3import { cn } from "../../lib/cn";
4import type { PaneListItemProps } from "./PaneListItem.types";
5export type { PaneListItemProps } from "./PaneListItem.types";
6
7export function PaneListItem(props: PaneListItemProps) {
8 return (
9 <Pressable
10 accessibilityRole="button"
11 accessibilityState={{ selected: props.selected }}
12 className={cn(
13 "mt-1 min-h-12 justify-center rounded-[20px] px-3 py-2 active:bg-subtle",
14 props.selected && "bg-subtle-strong",
15 )}
16 onPress={props.onPress}
17 >
18 {props.children}
19 </Pressable>
20 );
21}