All files / src/components/elements TabbedSearch.stories.tsx

0% Statements 0/6
100% Branches 0/0
0% Functions 0/4
0% Lines 0/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39                                                                             
import { storiesOf } from "@storybook/react";
import { IdentityThemeProvider } from "../../themes";
import { NftSearchBox } from "./NftSearchBox";
import { TabbedSearch, TabbedSearchBox } from "./TabbedSearch";
import { Tab } from "../layouts";
 
const tabs: Tab[] = [
  {
    tabName: "search",
    title: "Search",
    content: (
      <TabbedSearchBox
        onSearch={(value) => console.log("Search" + value)}
        placeholderText="Find a Business, Organization, Individual, DID address"
      />
    ),
  },
  {
    tabName: "vc",
    title: "Validate VC",
    content: (
      <TabbedSearchBox onSearch={(value) => console.log("Validate VC" + value)} placeholderText="Validate a VC" />
    ),
  },
  {
    tabName: "nft",
    title: "NFT Lookup",
    content: <NftSearchBox onSearch={(value) => console.log("NFT Lookup" + value)} />,
  },
];
 
storiesOf("Tabbed Search", module).add("Tabbed Search", () => {
  return (
    <IdentityThemeProvider>
      <TabbedSearch activeTab="search" tabs={tabs} />
    </IdentityThemeProvider>
  );
});