Search Bar

import {
  InkeepSearchBar,
  type InkeepSearchBarProps,
  type InkeepWidgetBaseSettings,
} from "@inkeep/widgets";

const baseSettings: InkeepWidgetBaseSettings = {
  apiKey: process.env.INKEEP_INTEGRATION_API_KEY!, // required
  integrationId: process.env.INKEEP_INTEGRATION_ID!, // required
  organizationId: process.env.INKEEP_ORGANIZATION_ID!, // required
  organizationDisplayName: "Inkeep",
  primaryBrandColor: "#522FC9",
};

const searchBarProps: InkeepSearchBarProps = {
  stylesheetUrls: ['/path/to/stylesheets'], // optional
  stylesheets: [<link key="my-stylesheet-key" rel="stylesheet" href="path-to-my-stylesheet.css" />], // optional
  baseSettings: {
    ...baseSettings,
  },
  modalSettings: {
    // optional InkeepModalSettings
  },
  searchSettings: {
    // optional InkeepSearchSettings
  },
  aiChatSettings: {
    // optional InkeepAIChatSettings
  },
};

export const SearchBar = () => {
  return <InkeepSearchBar {...searchBarProps} />;
};