import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import cx from 'classnames';
import { useState } from 'react';
import Avatar from '../Avatar';
import Icon from '../Icon';
import './styles.scss';
export const ProfileColors = ['white', 'blue'];
export default function ProfileDropdown({ src, className, color = 'white', disabled = false, title, onClick, }) {
    const [active, setActive] = useState(false);
    const getClassNames = cx('ds-profile-dropdown', className, color, {
        disabled: disabled,
    });
    return (_jsxs("div", { className: getClassNames, onClick: () => {
            setActive(!active);
            onClick && onClick(!active);
        }, children: [_jsx(Avatar, { size: "small", src: src, title: title }), _jsx(Icon, { name: "arrow_drop_down", className: "arrow" })] }));
}
