src/components/elements/Alert.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

const Alert = ({ children, className, type }) => {
  let typeClass = '';
  switch (type) {
    case 'info':
      typeClass = ' bg-blue-100 text-blue-900 border-blue-400 '
      break;
    case 'success':
      typeClass = ' bg-green-100 text-green-900 border-green-400 '
      break;
    case 'warning':
      typeClass = ' bg-yellow-100 text-yellow-900 border-yellow-400 '
      break;
  }
  return (
    <div className={"rounded-md w-full text-medium p-3 border" + typeClass + className}>{children}</div>
  );
}

export default Alert;