import * as React from "react";

export class LeftImage extends React.Component {
  public render(): JSX.Element {
    return (
        <div className="product_img afclr col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <div className="prod_gallery afclr">
                <div className="swiper-container gallery-top">
                    <div className="swiper-wrapper">
                        <div className="swiper-slide">
                            <a href="images/product-gallery-img.jpg" data-caption="Caption #1">
                                <img src="images/product-gallery-img.jpg" />
                            </a>
                        </div>
                        <div className="swiper-slide">
                            <a href="images/shirt.png" data-caption="Caption #1">
                                <img src="images/shirt.png" /></a></div>
                        <div className="swiper-slide"
                                ><a href="images/product-2-img.png" data-caption="Caption #1">
                                <img src="images/product-2-img.png" />
                            </a>
                        </div>
                        <div className="swiper-slide">
                            <a href="images/product-4img.png"  data-caption="Caption #1">
                                <img src="images/product-4img.png" />
                            </a>
                        </div>

                    </div>
                </div>
            </div>

            <div className="swiper-container gallery-thumbs">
                <div className="swiper-wrapper">
                    <div className="swiper-slide">
                        <img src="images/product-gallery-img.jpg" />
                    </div>
                    <div className="swiper-slide">
                        <img src="images/shirt.png" />
                    </div>
                    <div className="swiper-slide">
                        <img src="images/product-2-img.png" />
                    </div>
                    <div className="swiper-slide">
                        <img src="images/product-4img.png" />
                    </div>

                </div>
            </div>
        </div>
    );
  }
}
