21 lines
524 B
TypeScript
21 lines
524 B
TypeScript
import React from 'react';
|
|
|
|
interface ButtonProps {
|
|
onClick: () => void;
|
|
text: string;
|
|
}
|
|
|
|
const Button: React.FC<ButtonProps> = ({ onClick, text }) => {
|
|
return (
|
|
<button
|
|
className="m-0.5 bg-gradient-to-b from-purple-400 to-purple-950 py-3 px-8 text-black rounded-full text-lg font-extrabold flex items-center shadow-lg hover:shadow-xl active:shadow-md active:translate-y-0.5"
|
|
onClick={onClick}
|
|
>
|
|
<div className="mb-1">
|
|
{text}
|
|
</div>
|
|
</button>
|
|
);
|
|
};
|
|
|
|
export default Button; |