feat: ✨ enhance Button component with onClick handler

src/components/Button/Button.test.tsx

@@ -3,11 +3,22 @@ import { render, screen } from '@testing-library/react';
 import Button from './Button';
 
 describe('Button', () => {
-  test('renders button component', () => {
+  test('should render button component', () => {
     render(<Button />);
 
     const buttonElement = screen.getByText(/Button/i);
 
     expect(buttonElement).toBeInTheDocument();
   });
+
+  test('should call onClick when button is clicked', () => {
+    const onClick = jest.fn();
+
+    render(<Button onClick={onClick} />);
+
+    const buttonElement = screen.getByText(/Button/i);
+    buttonElement.click();
+
+    expect(onClick).toHaveBeenCalled();
+  });
 });

src/components/Button/Button.tsx

@@ -1,9 +1,13 @@
-import React from 'react';
+export interface ButtonProps {
+  onClick?: () => void;
+}
 
-export interface ButtonProps {}
-
-const Button: React.FC<ButtonProps> = () => {
-  return <button type="button">Button</button>;
+const Button = ({ onClick }: ButtonProps) => {
+  return (
+    <button type="button" onClick={onClick}>
+      Button
+    </button>
+  );
 };
 
 export default Button;