Button exercise: typescript errors

src/App.tsx

@@ -1,10 +1,16 @@
-import Alert from "./components/Alert";
+import { Button } from "./components/Button";
 
+function handleOnClick() {
+  console.log("Clicked");
+}
 
 function App() {
+
+
+
   return (
     <div>
-      <Alert>Hello <strong>Marx</strong></Alert>
+      <Button onClick={handleOnClick} color="success">My Button</Button>
     </div>
   );
 }

src/components/Button.tsx

@@ -0,0 +1,13 @@
+
+interface Props {
+    children: string;
+    color?: 'primary' | 'secondary' | 'success';
+    onClick: () => void;
+}
+
+export const Button = ({ children, color='primary', onClick }: Props) => {
+    //const buttonType = "btn " + "btn"+"-"+{type};
+  return (
+    <button type="button" className={'btn btn-'+color} onClick={onClick}>{children}</button>
+  )
+}