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 { Button, Container, Row, Col, UncontrolledCarousel } from "reactstrap";
  
  const items = [
    {
      src: require("assets/img/theme/training.jfif"),
      altText: "",
      caption: "",
      header: ""
    },
    {
      src: require("assets/img/theme/internship.jpg"),
      altText: "",
      caption: "",
      header: ""
    }
  ];
  
  class Carousel extends React.Component {
    render() {
      return (
        <>
          <section className="section section-shaped">
            <div className="shape shape-style-1 shape-default">
              <span />
              <span />
              <span />
              <span />
              <span />
              <span />
            </div>
            <Container className="py-md">
              <Row className="justify-content-between align-items-center">
                
                <Col className="mb-lg-auto" lg="11">
                  <div className="">
                    <UncontrolledCarousel items={items} />
                  </div>
                </Col>
              </Row>
            </Container>
            {/* SVG separator */}
            <div className="separator separator-bottom separator-skew">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                preserveAspectRatio="none"
                version="1.1"
                viewBox="0 0 2560 100"
                x="0"
                y="0"
              >
                <polygon className="fill-white" points="2560 0 2560 100 0 100" />
              </svg>
            </div>
          </section>
        </>
      );
    }
  }
  
  export default Carousel;
  