src/App.tsx

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

src/components/Button.tsx

@@ -1,13 +0,0 @@
-
-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>
-  )
-}