Covert error prop to indicator

[yousifalraheem]

Is your feature request related to a problem? Please describe.
Passing error will show an error indicator highlighted in red with the message being passed. A new success prop of type boolean has been introduced to switch to a success indicator highlighted in green without a message. Currently, there is no way to pass a success indicator with a success message, or even a warning.

Describe the solution you'd like
This whole indication of error/success/warning should be moved to an indicator prop that has this structure:

interface Indicator {
    type: "success" | "warning" | "error";
    message?: string;
}

Describe alternatives you've considered
having seperate props like this:

interface ElementProps {
   // the rest of the props
   error: string;
   warning: string;
   success: string;
}
but using them will be difficult and also it doesn't allow showing the indicator alone without the message if needed

[yousifalraheem]

done