diff --git a/src/components/Button.tsx b/src/components/Button.tsx
new file mode 100644
index 0000000..a76445b
--- /dev/null
+++ b/src/components/Button.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+
+interface ButtonProps {
+  children: React.ReactNode;
+  onClick?: () => void;
+  variant?: 'primary' | 'secondary';
+}
+
+export function Button({ children, onClick, variant = 'primary' }: ButtonProps) {
+  const baseClasses = 'px-4 py-2 rounded-md font-medium transition-colors';
+  const variantClasses = variant === 'primary' 
+    ? 'bg-blue-600 text-white hover:bg-blue-700'
+    : 'bg-gray-200 text-gray-800 hover:bg-gray-300';
+  
+  return (
+    <button className={`${baseClasses} ${variantClasses}`} onClick={onClick}>
+      {children}
+    </button>
+  );
+}