/** @module Tab2 */

import React from "react";
import { Container } from "reactstrap";

export const Tab2 = () => {
  return (
    <Container>
      <h1>Tab Two</h1>
      <pre>
        {`
const pagesObject = {
  default: 0,
  mobileThreshold: 1,
  pages: [
    {
      path: "tab1",
      name: "Tab 1",
      icon: "far fa-dice-one",
      component: () => <Tab1 />
    },
    {
      path: "tab2",
      name: "Tab 2",
      icon: "far fa-dice-two",
      component: () => <Tab2 />
    },
    {
      path: "sdo",
      name: "SDO",
      longName: "Seed Dealer Orders",
      icon: "fas fa-store-alt",
      link: \`http://seed-staging.trinidadbenham.com\`
    }
  ],
  utilComponents: [<UtilButton />],
  maxWidth: false,
  searchObject: {
    enabled: true,
    initialValues: { searchScope: "NM" },
    placeholder: "Search by ID or Name",
    stickyValues: true,
    submitSearch: values => {
      alert(\`Search Values: $\{JSON.stringify(values)}\`);
    },
    prependScopeEnabled: true,
    prependOptions: [
      { cd: "ANY", nm: "Any" },
      { cd: "NM", nm: "Name" },
      { cd: "ID", nm: "ID" }
    ]
  }
};
        `}
      </pre>
    </Container>
  );
};

export default Tab2;