import React from "react";
import { Bot } from "lucide-react";
import { Button } from "@/components/ui/button";

interface WelcomeScreenProps {
  onCreateNewChat: () => void;
}

export const WelcomeScreen: React.FC<WelcomeScreenProps> = ({ onCreateNewChat }) => {
  return (
    <div className="h-full flex flex-col items-center justify-center">
      <div className="text-center max-w-md p-8 bg-card/40 backdrop-blur-sm rounded-2xl border border-border/50">
        <Bot className="h-10 w-10 mx-auto mb-4 text-primary" />
        <h2 className="text-2xl font-bold mb-2">Welcome to Insight AI</h2>
        <p className="text-muted-foreground mb-6">
          Ask me anything, and I'll do my best to help you
        </p>
        <Button onClick={onCreateNewChat} className="animate-fade-in">
          Start a new conversation
        </Button>
      </div>
    </div>
  );
};