32 lines
857 B
TypeScript
32 lines
857 B
TypeScript
|
import { React, ReactNative } from "@vendetta/metro/common";
|
||
|
|
|
||
|
|
const { TouchableOpacity, Text } = ReactNative;
|
||
|
|
|
||
|
|
interface PrimaryButtonProps {
|
||
|
|
label: string;
|
||
|
|
onPress: () => void;
|
||
|
|
disabled?: boolean;
|
||
|
|
style?: any;
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function PrimaryButton({ label, onPress, disabled, style }: PrimaryButtonProps) {
|
||
|
|
return (
|
||
|
|
<TouchableOpacity
|
||
|
|
disabled={disabled}
|
||
|
|
onPress={onPress}
|
||
|
|
style={[
|
||
|
|
{
|
||
|
|
backgroundColor: "#5865F2",
|
||
|
|
borderRadius: 8,
|
||
|
|
padding: 10,
|
||
|
|
alignItems: "center",
|
||
|
|
opacity: disabled ? 0.5 : 1
|
||
|
|
},
|
||
|
|
style
|
||
|
|
]}
|
||
|
|
>
|
||
|
|
<Text style={{ color: "white", fontWeight: "600" }}>{label}</Text>
|
||
|
|
</TouchableOpacity>
|
||
|
|
);
|
||
|
|
}
|