34 lines
775 B
JavaScript
34 lines
775 B
JavaScript
import {
|
|
Plus,
|
|
ChatCircleDots,
|
|
Headset,
|
|
Binoculars,
|
|
MagnifyingGlass,
|
|
MagicWand,
|
|
} from "@phosphor-icons/react";
|
|
|
|
const CHAT_ICONS = {
|
|
plus: Plus,
|
|
chatBubble: ChatCircleDots,
|
|
support: Headset,
|
|
search2: Binoculars,
|
|
search: MagnifyingGlass,
|
|
magic: MagicWand,
|
|
};
|
|
|
|
export default function OpenButton({ settings, isOpen, toggleOpen }) {
|
|
if (isOpen) return null;
|
|
const ChatIcon = CHAT_ICONS.hasOwnProperty(settings?.chatIcon)
|
|
? CHAT_ICONS[settings.chatIcon]
|
|
: CHAT_ICONS.plus;
|
|
return (
|
|
<button
|
|
onClick={toggleOpen}
|
|
className={`flex items-center justify-center p-4 rounded-full bg-[${settings.buttonColor}] text-white text-2xl`}
|
|
aria-label="Toggle Menu"
|
|
>
|
|
<ChatIcon className="text-white" />
|
|
</button>
|
|
);
|
|
}
|