Alert

const PreviewEn = () => {
  return <Alert>A message that is important for the user to see</Alert>;
};

render(<PreviewEn />)

const VariantsEn = () => (
  <>
    <Alert data-color='info'>This is an info alert</Alert>
    <Alert data-color='success'>This is a success alert</Alert>
    <Alert data-color='warning'>This is a warning alert</Alert>
    <Alert data-color='danger'>This is a danger alert</Alert>
  </>
);

render(<VariantsEn />)