23 lines
799 B
TypeScript
23 lines
799 B
TypeScript
import type { ReactNode } from "react";
|
|
import { Text, Pressable } from "react-native";
|
|
|
|
export interface ButtonProps {
|
|
children: ReactNode;
|
|
onPress?: () => void;
|
|
variant?: 'default' | 'secondary' | 'destructive';
|
|
}
|
|
|
|
const STYLES: Record<NonNullable<ButtonProps['variant']>, { backgroundColor: string, color: string }> = {
|
|
default: { backgroundColor: 'black', color: 'white' },
|
|
secondary: { backgroundColor: '#ccc', color: 'black' },
|
|
destructive: { backgroundColor: 'red', color: 'white' },
|
|
};
|
|
|
|
export function Button({ children, variant, onPress }: ButtonProps) {
|
|
const { backgroundColor, color } = STYLES[variant || "default"];
|
|
|
|
return <Pressable onPress={onPress} style={{ backgroundColor }}>
|
|
<Text style={{ fontFamily: 'mono', color }}> {children} </Text>
|
|
</Pressable>
|
|
}
|