<.flash
  id="flash-success-success"
  title="Success!"
  kind={:success}
  icon="check-circle"
  flash={%{"success" => "This flash will disappear in 5 seconds."}}
/>
<.flash
  timeout={180000}
  id="flash-success-success-with-3m-timeout"
  title="Success!"
  kind={:success}
  icon="check-circle"
  flash={%{"success" => "This flash will disappear in 3 minutes."}}
/>
<.flash
  id="flash-success-success-without-close-button"
  kind={:success}
  icon="check-circle"
  flash={%{"success" => "You've added a new supplier to the system."}}
  show_close_button={false}
/>

<.flash
  id="flash-error-error"
  title="Error!"
  kind={:error}
  icon="x"
  flash={%{"error" => "This flash will disappear in 5 seconds."}}
/>
<.flash
  timeout={180000}
  id="flash-error-error-with-3m-timeout"
  title="Error!"
  kind={:error}
  icon="x"
  flash={%{"error" => "This flash will disappear in 3 minutes."}}
/>
<.flash
  id="flash-error-error-without-close-button"
  kind={:error}
  icon="x"
  flash={%{"error" => "It seems that there was an issue adding a new service.\n                Please try again. If the problem persists,\n                please contact customer support at support@glgt.com"}}
  show_close_button={false}
/>

<.flash
  id="flash-warning-warning"
  title="Warning!"
  kind={:warning}
  icon="warning"
  flash={%{"warning" => "This flash will disappear in 5 seconds."}}
/>
<.flash
  timeout={180000}
  id="flash-warning-warning-with-3m-timeout"
  title="Warning!"
  kind={:warning}
  icon="warning"
  flash={%{"warning" => "This flash will disappear in 3 minutes."}}
/>
<.flash
  id="flash-warning-warning-without-close-button"
  kind={:warning}
  icon="warning"
  flash={%{"warning" => "This is an example of a warning message."}}
  show_close_button={false}
/>

<.flash
  id="flash-announcement-announcement"
  title="Announcement:"
  kind={:announcement}
  icon="info"
  flash={%{"announcement" => "This flash will disappear in 5 seconds."}}
/>
<.flash
  timeout={180000}
  id="flash-announcement-announcement-with-3m-timeout"
  title="Announcement:"
  kind={:announcement}
  icon="info"
  flash={%{"announcement" => "This flash will disappear in 3 minutes."}}
/>
<.flash
  id="flash-announcement-announcement-without-close-button"
  kind={:announcement}
  icon="info"
  flash={%{"announcement" => "GroupCollect Ops\n                will be undergoing a site maintenance between\n                00/00/00 and 00/00/00 from 0:00am to 0:00pm EST."}}
  show_close_button={false}
/>