src/components/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 '
      break;
    case 'success':
      typeClass = ' bg-green-100 text-green-900 '
      break;
    case 'warning':
      typeClass = ' bg-yellow-100 text-yellow-900 '
      break;
  }
  return (
    <div className={"rounded w-full text-medium p-3" + typeClass + className}>{children}</div>
  );
}

export default Alert;