forked from Ninjalama/streamyfin_mirror
37 lines
853 B
TypeScript
37 lines
853 B
TypeScript
import { PropsWithChildren, ReactNode } from "react";
|
|
import {
|
|
TouchableOpacity,
|
|
TouchableOpacityProps,
|
|
View,
|
|
ViewProps,
|
|
} from "react-native";
|
|
import { Text } from "./common/Text";
|
|
|
|
interface Props extends TouchableOpacityProps {
|
|
title?: string | null | undefined;
|
|
subTitle?: string | null | undefined;
|
|
children?: ReactNode;
|
|
iconAfter?: ReactNode;
|
|
}
|
|
|
|
export const ListItem: React.FC<PropsWithChildren<Props>> = ({
|
|
title,
|
|
subTitle,
|
|
iconAfter,
|
|
children,
|
|
...props
|
|
}) => {
|
|
return (
|
|
<TouchableOpacity
|
|
className="flex flex-row items-center justify-between bg-neutral-900 p-4"
|
|
{...props}
|
|
>
|
|
<View className="flex flex-col">
|
|
<Text className="font-bold ">{title}</Text>
|
|
{subTitle && <Text className="text-xs">{subTitle}</Text>}
|
|
</View>
|
|
{iconAfter}
|
|
</TouchableOpacity>
|
|
);
|
|
};
|