import * as React from "react";

export class ProductTabs extends React.Component {
  public render(): JSX.Element {
    return (
        <div className="product_tabbing afclr">
            <div className="container">
                <div className="tabbing_list afclr">
                    <div id="horizontalTab">
                        <div className="tabbing_inner_list afclr">
                            <ul className="resp-tabs-list category_resp afclr">
                                <li><a>Description</a></li>
                                <li><a>Tab Name 2</a></li>
                                <li><a>Tab Name 3</a></li>
                            </ul>
                        </div>
                        <div className="resp-tabs-container">
                            <div className="tab_1 afclr">
                                <div className="tab_inr_block afclr">
                                    <h2>Product Discription</h2>
                                    <p>Lorem ipsum dolor sit amet</p>
                                    <p>Curabitur pretium </p>
                                    <ul>
                                        <li><b>Donec fermentum</b> :  Nullam varius, turpis et </li>
                                        <li><b>Donec fermentum</b> :  Nullam varius, turpis et </li>
                                        <li><b>Donec fermentum</b> :  Nullam varius, turpis et </li>
                                    </ul>

                                    <p>Curabitur pretium tincidunt lacus</p>
                                </div>
                            </div>
                            <div className="tab_1 afclr">
                                <div className="tab_inr_block afclr">
                                    <h2>Product Discription 2</h2>
                                    <p>Lorem ipsum dolor </p>
                                    <p>Curabitur pretium  </p>
                                    <ul>
                                        <li><b>Donec fermentum</b> :  Nullam varius,</li>
                                        <li><b>Donec fermentum</b> :  Nullam varius,</li>
                                        <li><b>Donec fermentum</b> :  Nullam varius,</li>
                                    </ul>

                                    <p>Curabitur pretium tincidunt lacus.</p>
                                </div>
                            </div>
                            <div className="tab_1 afclr">
                                <div className="tab_inr_block afclr">
                                    <h2>Product Discription 3</h2>
                                    <p>Lorem ipsum dolor sit amet</p>
                                    <p>Curabitur pretium tincidunt lacus.</p>
                                    <ul>
                                        <li><b>Donec fermentum</b> :  Nullam varius, </li>
                                        <li><b>Donec fermentum</b> :  Nullam varius, </li>
                                        <li><b>Donec fermentum</b> :  </li>
                                    </ul>

                                    <p>Curabitur pretium tincidunt lacus. . </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    );
  }
}
