Complete alert component

src/components/Alert/index.tsx

@@ -1,7 +1,20 @@
 import { Wrapper } from './styles';
 
-const Alert = () => {
-  return <Wrapper></Wrapper>;
+type AlertProps = {
+  className?: string;
+  color:
+    | 'client'
+    | 'productOwner'
+    | 'developer'
+    | 'admin'
+    | 'success'
+    | 'warning'
+    | 'error';
+  text: string;
+};
+
+const Alert = ({ text, ...props }: AlertProps) => {
+  return <Wrapper {...props}>{text}</Wrapper>;
 };
 
 export default Alert;