import React, { useState } from "react"; import CreateIcon from "../../icons/create"; import styles from "./styles.module.css"; import useIsMobile from "@/app/hooks/useIsMobile"; const HeaderDropdown = ({ setOpen, sampleData, selectedOrg, setSelectedOrg, }) => { const isMobile = useIsMobile(); const handleOrgSelect = (index) => { setSelectedOrg(index); setOpen(false); }; return (
{/* Organization Header and Search */}
{/* Header */}

Organization

Create

{isMobile ? : }
{/* Search */}
{/* Select Options */}
{sampleData.map((org, index) => { return (
{ e.stopPropagation(); handleOrgSelect(index); }} >

{org.name}

); })}
); }; export default HeaderDropdown;