perplexica/ui/components/EmptyChat.tsx

32 lines
866 B
TypeScript
Raw Normal View History

2024-04-09 10:51:05 +00:00
import EmptyChatMessageInput from './EmptyChatMessageInput';
import ThemeSwitcher from './theme/Switcher';
2024-04-09 10:51:05 +00:00
const EmptyChat = ({
sendMessage,
2024-04-13 06:41:47 +00:00
focusMode,
setFocusMode,
2024-04-09 10:51:05 +00:00
}: {
sendMessage: (message: string) => void;
2024-04-13 06:41:47 +00:00
focusMode: string;
setFocusMode: (mode: string) => void;
2024-04-09 10:51:05 +00:00
}) => {
return (
<div className="relative">
<ThemeSwitcher size={17} className="absolute top-2 right-0 lg:hidden" />
<div className="flex flex-col items-center justify-center min-h-screen max-w-screen-sm mx-auto p-2 space-y-8">
<h2 className="text-black/70 dark:text-white/70 text-3xl font-medium -mt-8">
Research begins here.
</h2>
<EmptyChatMessageInput
sendMessage={sendMessage}
focusMode={focusMode}
setFocusMode={setFocusMode}
/>
</div>
2024-04-09 10:51:05 +00:00
</div>
);
};
export default EmptyChat;