import React from 'react';
import SrcIconLaBars from '../../../src/icon/la/bars';
import SrcIconLaCubesolid from '../../../src/icon/la/cube-solid';
import SrcIconLaComment from '../../../src/icon/la/comment';
import SrcIconLaLifebuoy from '../../../src/icon/la/life-buoy';
import SrcIconLaThlarge from '../../../src/icon/la/th-large';
import SrcIconLaStop from '../../../src/icon/la/stop';
import SrcIconLaLightbulbo from '../../../src/icon/la/lightbulb-o';
import SrcIconLaBell from '../../../src/icon/la/bell';
import SrcIconLaBugsolid from '../../../src/icon/la/bug-solid';
import SrcIconLaEnvelope from '../../../src/icon/la/envelope';
import SrcIconLaGithub from '../../../src/icon/la/github';
import SrcIconLaThlist from '../../../src/icon/la/th-list';
import SrcIconLaSliders from '../../../src/icon/la/sliders';
import SrcIconLaColumns from '../../../src/icon/la/columns';

    const Example = () =>
    (
      <div className="grid-4-4 text-center">
        
        <div className="col-1-5">
        <SrcIconLaBars className="w-6 h-6" />
          <div className="mt-1 text-gray text-xs">la/bars</div>
        </div>
      

        <div className="col-1-5">
        <SrcIconLaCubesolid className="w-6 h-6" />
          <div className="mt-1 text-gray text-xs">la/cube-solid</div>
        </div>
      

        <div className="col-1-5">
        <SrcIconLaComment className="w-6 h-6" />
          <div className="mt-1 text-gray text-xs">la/comment</div>
        </div>
      

        <div className="col-1-5">
        <SrcIconLaLifebuoy className="w-6 h-6" />
          <div className="mt-1 text-gray text-xs">la/life-buoy</div>
        </div>
      

        <div className="col-1-5">
        <SrcIconLaThlarge className="w-6 h-6" />
          <div className="mt-1 text-gray text-xs">la/th-large</div>
        </div>
      

        <div className="col-1-5">
        <SrcIconLaStop className="w-6 h-6" />
          <div className="mt-1 text-gray text-xs">la/stop</div>
        </div>
      

        <div className="col-1-5">
        <SrcIconLaLightbulbo className="w-6 h-6" />
          <div className="mt-1 text-gray text-xs">la/lightbulb-o</div>
        </div>
      

        <div className="col-1-5">
        <SrcIconLaBell className="w-6 h-6" />
          <div className="mt-1 text-gray text-xs">la/bell</div>
        </div>
      

        <div className="col-1-5">
        <SrcIconLaBugsolid className="w-6 h-6" />
          <div className="mt-1 text-gray text-xs">la/bug-solid</div>
        </div>
      

        <div className="col-1-5">
        <SrcIconLaEnvelope className="w-6 h-6" />
          <div className="mt-1 text-gray text-xs">la/envelope</div>
        </div>
      

        <div className="col-1-5">
        <SrcIconLaGithub className="w-6 h-6" />
          <div className="mt-1 text-gray text-xs">la/github</div>
        </div>
      

        <div className="col-1-5">
        <SrcIconLaThlist className="w-6 h-6" />
          <div className="mt-1 text-gray text-xs">la/th-list</div>
        </div>
      

        <div className="col-1-5">
        <SrcIconLaSliders className="w-6 h-6" />
          <div className="mt-1 text-gray text-xs">la/sliders</div>
        </div>
      

        <div className="col-1-5">
        <SrcIconLaColumns className="w-6 h-6" />
          <div className="mt-1 text-gray text-xs">la/columns</div>
        </div>
      
      </div>
    );

    export default Example;