import { EmailAddress, ImagePath } from "@/Constant";
import { TabContentProp } from "@/Types/UikitsType";
import { Input, Label, TabContent, TabPane } from "reactstrap";

export const IconTabContent:React.FC<TabContentProp> = ({basicTab}) => {
  return (
    <TabContent activeTab={basicTab}>
      <TabPane tabId="1">
        <p className="pt-3"> Not limited to any states, boundaries. All over India providing cutting-edge design and website development services for over 12 years. We provide end to end digital solutions, right from designing your website/application development: Domain, Web Hosting, Email Hosting Registration, Search Engine Optimization and other Internet Marketing, Renewal of Services timely and effectively.</p>
      </TabPane>
      <TabPane tabId="2">
        <div className="pt-3 mb-0">
          <div className="flex-space flex-wrap align-items-center">
            <img className="tab-img" src={`${ImagePath}/avtar/7.jpg`} alt="profile"/>
            <ul className="d-flex flex-column gap-1">
              <li><strong>Visit Us:  </strong> 278 Green Avenue Oakland, CA 94612</li>
              <li><strong>Mail Us:</strong> MichaelMMcGowan@teleworm.us</li>
              <li><strong>Contact Number: </strong> 510-767-0025</li>
            </ul>
          </div>
        </div>
      </TabPane>
      <TabPane tabId="3">
        <div>
          <p className="pt-3">Us Technology offers web &amp; mobile development solutions for all industry verticals.Include a short form using fields that'll help your business understand who's contacting them. </p>
          <Label check htmlFor="exampleFormControlone">{EmailAddress}</Label>
          <Input id="exampleFormControlone" type="email" placeholder="youremail@gmail.com" />
        </div>
      </TabPane>
    </TabContent>
  );
};