import React from 'react';

export default function Button({ children, onClick }: { children: React.ReactNode, onClick?: () => void }) {
  const buttonStyles = {
    backgroundColor: 'red',
    color: 'white',
    padding: '0.75rem 1.5rem',
    borderRadius: '0.375rem',
    fontWeight: '500',
    cursor: 'pointer',
    transition: 'background-color 0.2s',
    border: 'none',
    outline: 'none',
    boxShadow: 'none'
  };

  return (
    <button 
      style={buttonStyles}
      onClick={onClick}
    >
      {children}
    </button>
  );
}