diff --git a/src/components/bases/ButtonBase.tsx b/src/components/bases/ButtonBase.tsx
new file mode 100644
index 0000000..87885db
--- /dev/null
+++ b/src/components/bases/ButtonBase.tsx
@@ -0,0 +1,14 @@
+import { type BoxProps, type VariantProps, createRestyleComponent } from "@shopify/restyle";
+import type { Theme } from "@themes/Theme";
+import { buttonVariants } from "@themes/Variants";
+import Box from "./Box";
+
+const ButtonBase = createRestyleComponent<
+	VariantProps<Theme, "buttonVariants"> &
+		BoxProps<Theme> & {
+			children: React.ReactNode;
+		},
+	Theme
+>([buttonVariants], Box);
+
+export default ButtonBase;