// Good: Focused and specific
const Button = ({ label, onClick, variant = 'primary' }) => {
  return (
    <button
      onClick={onClick}
      className={`btn btn-${variant}`}
    >
      {label}
    </button>
  );
};

// Too complex: Trying to handle too many cases
const Button = ({ label, onClick, variant, size, icon, disabled, loading, custom, ...props }) => {
  // This becomes harder to maintain
};

const Card = ({ children, title }) => {
  return (
    <div className="card">
      <CardHeader title={title} />
      <CardContent>{children}</CardContent>
    </div>
  );
};

const CardHeader = ({ title }) => <h2 className="card-title">{title}</h2>;
const CardContent = ({ children }) => <div className="card-content">{children}</div>;

interface ButtonProps {
  label: string;
  onClick: () => void;
  variant?: 'primary' | 'secondary' | 'danger';
}

const Button: React.FC<ButtonProps> = ({ label, onClick, variant = 'primary' }) => {
  // Component implementation
};

const withLoading = (WrappedComponent) => {
  return function WithLoadingComponent({ isLoading, ...props }) {
    if (isLoading) return <div>Loading...</div>;
    return <WrappedComponent {...props} />;
  };
};

const MyComponent = ({ data }) => <div>{data}</div>;
const MyComponentWithLoading = withLoading(MyComponent);

const useWindowSize = () => {
  const [windowSize, setWindowSize] = useState({
    width: undefined,
    height: undefined,
  });

  useEffect(() => {
    const handleResize = () => {
      setWindowSize({
        width: window.innerWidth,
        height: window.innerHeight,
      });
    };

    handleResize();
    window.addEventListener('resize', handleResize);
    return () => window.removeEventListener('resize', handleResize);
  }, []);

  return windowSize;
};

import { render, fireEvent } from '@testing-library/react';

test('Button triggers onClick when clicked', () => {
  const handleClick = jest.fn();
  const { getByText } = render(
    <Button label="Click me" onClick={handleClick} />
  );

  fireEvent.click(getByText('Click me'));
  expect(handleClick).toHaveBeenCalled();
});