components/chat/LoginPrompt.tsx

'use client';

import { Card } from '../ui/Card';
import { IconExclamationTriangle } from '../ui/Icons';
import Link from 'next/link';

export interface LoginPrompt {}

export function LoginPrompt() {
  return (
    <Card className="group py-2 px-4 flex items-center">
      <div className="bg-background flex size-8 shrink-0 select-none items-center justify-center rounded-md">
        <IconExclamationTriangle className="font-medium" />
      </div>
      <div className="flex-1 px-1 ml-2 overflow-hidden">
        <p className="leading-normal font-medium">
          <Link href="/sign-in" className="underline">
            Sign in
          </Link>{' '}
          to save and revisit your chat history!
        </p>
      </div>
    </Card>
  );
}