diff --git a/src/components/Button.tsx b/src/components/Button.tsx
new file mode 100644
index 0000000..9418fa5
--- /dev/null
+++ b/src/components/Button.tsx
@@ -0,0 +1,26 @@
+import type { BoxProps, VariantProps } from "@shopify/restyle";
+import type { Theme } from "@themes/Theme";
+import { TouchableOpacity } from "react-native";
+import Card from "./Card";
+import Box from "./bases/Box";
+import ButtonBase from "./bases/ButtonBase";
+import Text from "./bases/Text";
+
+type Props = BoxProps<Theme> &
+	VariantProps<Theme, "buttonVariants"> &
+	VariantProps<Theme, "textVariants", "textVariants"> & {
+		label: string;
+		onPress: () => void;
+	};
+
+const Button = ({ onPress, label, textVariants, variant, ...rest }: Props) => {
+	return (
+		<TouchableOpacity>
+			<ButtonBase variant={variant} justifyContent="center" alignItems="center" {...rest}>
+				<Text variant={textVariants}>{label}</Text>
+			</ButtonBase>
+		</TouchableOpacity>
+	);
+};
+
+export default Button;