import { jsx as _jsx } from "react/jsx-runtime";
import clsx from 'clsx';
import './style.scss';
const AssignmentTab = ({ activeSearchTab = 'CONTEXT', onClick, }) => {
    const seatchTabs = [
        {
            tabName: 'CONTEXT'
        },
        {
            tabName: 'ACTIVITY LOG'
        },
    ];
    const className = clsx({
        'assignment--Generic': true
    });
    const getSearchTabButtonClasses = (tabName, activeSearchTab) => {
        return clsx({
            'assignment-Button--Generic': true,
            'assignment-Button--Selected': activeSearchTab === tabName,
            'assignment-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 AssignmentTab;
