text: /*!
  
  =========================================================
  * Argon Design System React - v1.1.0
  =========================================================
  
  * Product Page: https://www.creative-tim.com/product/argon-design-system-react
  * Copyright 2020 Creative Tim (https://www.creative-tim.com)
  * Licensed under MIT (https://github.com/creativetimofficial/argon-design-system-react/blob/master/LICENSE.md)
  
  * Coded by Creative Tim
  
  =========================================================
  
  * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
  
  */
  import React from 'react'
  
  // reactstrap components
  import { UncontrolledAlert } from 'reactstrap'
  
  class Alerts extends React.Component {
  	render() {
  		return (
  			<>
  				<h3 className="mt-lg mb-4">
  					<span>Alerts</span>
  				</h3>
  				<UncontrolledAlert color="success" fade={false}>
  					<span className="alert-inner--icon">
  						<i className="ni ni-like-2" />
  					</span>
  					<span className="alert-inner--text ml-1">
  						<strong>Success!</strong> This is a success alert—check it out!
  					</span>
  				</UncontrolledAlert>
  				<UncontrolledAlert color="info" fade={false}>
  					<span className="alert-inner--icon">
  						<i className="ni ni-bell-55" />
  					</span>
  					<span className="alert-inner--text ml-1">
  						<strong>Info!</strong> This is an info alert—check it out!
  					</span>
  				</UncontrolledAlert>
  				<UncontrolledAlert color="warning" fade={false}>
  					<span className="alert-inner--icon">
  						<i className="ni ni-bell-55" />
  					</span>
  					<span className="alert-inner--text ml-1">
  						<strong>Warning!</strong> This is a warning alert—check it out!
  					</span>
  				</UncontrolledAlert>
  				<UncontrolledAlert color="danger" fade={false}>
  					<span className="alert-inner--icon">
  						<i className="ni ni-support-16" />
  					</span>
  					<span className="alert-inner--text ml-1">
  						<strong>Danger!</strong> This is an error alert—check it out!
  					</span>
  				</UncontrolledAlert>
  			</>
  		)
  	}
  }
  
  export default Alerts
  