npx create-next-app@14.1.0 medication-search-app
cd medication-search-app

npm install @eka-care/eka-care-core

import { useState, useEffect } from "react";
import createEkaInstance from "@eka-care/eka-care-core";

export default function MedicationSearch() {
  const [ekaInstance, setEkaInstance] = useState(null);
  const [searchResults, setSearchResults] = useState(null);
  const [searchQuery, setSearchQuery] = useState("");

  useEffect(() => {
    initializeSDK();
  }, []);

  const initializeSDK = async () => {
    const authRes = await fetch(
      "https://your-backend.vercel.app/api/manage-auth",
      {
        method: "POST",
        headers: { "Content-Type": "application/json" },
      }
    );

    const authData = await authRes.json();

    const ekaInstanceResult = createEkaInstance({
      source: "FE",
      auth_token: authData.data.access_token,
      backendAuthEndpointURL: "https://your-backend.vercel.app/api/manage-auth",
    });

    setEkaInstance(ekaInstanceResult);
  };

  // Basic search by drug name
  const searchMedications = async () => {
    const medications = await ekaInstance.medicationSearch.searchMedications({
      drug_name: searchQuery,
    });
    setSearchResults(medications);
  };

  // Advanced search with multiple parameters
  const advancedSearch = async () => {
    const medications = await ekaInstance.medicationSearch.searchMedications({
      drug_name: "dolo",
      form: "tablet",
      volumes: "500",
    });
    setSearchResults(medications);
  };

  // Search by generic names
  const searchByGeneric = async () => {
    const medications = await ekaInstance.medicationSearch.searchMedications({
      generic_names: "Glimeperide,Metformin",
      drug_name: "Glimeperide",
    });
    setSearchResults(medications);
  };

  return (
    <div className="container mx-auto p-8">
      <div>...</div>
    </div>
  );
}