import { jsx as _jsx } from "react/jsx-runtime";
import clsx from 'clsx';
import './style.scss';
const SearchTabsBar = ({ activeSearchTab = 'People', onClick, }) => {
    const seatchTabs = [
        {
            tabName: 'People'
        },
        {
            tabName: 'Companies'
        },
        {
            tabName: 'Saved Searches'
        },
    ];
    const className = clsx({
        'searchTabsBar--Generic': true
    });
    const getSearchTabButtonClasses = (tabName, activeSearchTab) => {
        return clsx({
            'searchTabsBar-Button--Generic': true,
            'searchTabsBar-Button--Selected': activeSearchTab === tabName,
            'searchTabsBar-Button--Unselected': activeSearchTab !== tabName,
        });
    };
    return (_jsx("div", { className: className, children: seatchTabs.map((entity, key) => {
            return (_jsx("button", { onClick: () => onClick(entity.tabName), className: getSearchTabButtonClasses(entity.tabName, activeSearchTab), children: entity.tabName }, key));
        }) }));
};
export default SearchTabsBar;
