text: /*!
  
  =========================================================
  * Now UI Dashboard React - v1.4.0
  =========================================================
  
  * Product Page: https://www.creative-tim.com/product/now-ui-dashboard-react
  * Copyright 2020 Creative Tim (https://www.creative-tim.com)
  * Licensed under MIT (https://github.com/creativetimofficial/now-ui-dashboard-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 {Card, CardHeader, CardBody, Row, Col} from "reactstrap";
  
  // core components
  import PanelHeader from "components/PanelHeader/PanelHeader.js";
  
  import icons from "variables/icons";
  
  class Icons extends React.Component {
      render() {
          return (
              <>
                  <PanelHeader size="sm"/>
                  <div className="content">
                      <Row>
                          <Col md={12}>
                              <Card>
                                  <CardHeader>
                                      <h5 className="title">100 Awesome Nucleo Icons</h5>
                                      <p className="category">
                                          Handcrafted by our friends from{" "}
                                          <a href="https://nucleoapp.com/?ref=1712">NucleoApp</a>
                                      </p>
                                  </CardHeader>
                                  <CardBody className="all-icons">
                                      <Row>
                                          {icons.map((prop, key) => {
                                              return (
                                                  <Col
                                                      lg={2}
                                                      md={3}
                                                      sm={4}
                                                      xs={6}
                                                      className="font-icon-list"
                                                      key={key}
                                                  >
                                                      <div className="font-icon-detail">
                                                          <i className={"now-ui-icons " + prop}/>
                                                          <p>{prop}</p>
                                                      </div>
                                                  </Col>
                                              );
                                          })}
                                      </Row>
                                  </CardBody>
                              </Card>
                          </Col>
                      </Row>
                  </div>
              </>
          );
      }
  }
  
  export default Icons;
  