import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import QluLogoSvg from '../AuthNavbarLogoSvg/AuthNavbarLogoSvg';
import ClickableText from '../ClickableText';
import TextButton from '../TextButton';
import './style.scss';
const AuthNavBar = ({ text = 'Already a User?', textColor = 'gray', textOnClick = () => { }, buttonText = 'Login', buttonColorVaraint = 'primaryOrangeBorderAndText', buttonOnClick = () => { }, }) => {
    return (_jsxs("nav", { className: 'navbar', children: [_jsx("ul", { className: 'nav-container', children: _jsx("li", { children: _jsx(QluLogoSvg, {}) }) }), _jsxs("ul", { className: "buttons ml-auto", children: [_jsx("li", { className: 'text', children: _jsx(ClickableText, { showIcon: false, text: text, sizeVariant: 'base', onClick: textOnClick, colorVariant: textColor }) }), _jsx("li", { children: _jsx(TextButton, { text: buttonText, onClick: buttonOnClick, sizeVariant: 'base', colorVariant: buttonColorVaraint }) })] })] }));
};
export default AuthNavBar;
