Kombai Logo

Tech Interview Platform

Input: Texts Messages in Thread: 6 Features: 4 functional tabs, auth, coding challenges, mock interview, discussion forum, stats, progress statistics

React 19 + TSShadcnTailwind V4

Open this chat in IDE

Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
Close file
import React from 'react';
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';

interface AuthLayoutProps {
  title: string;
  description: string;
  children: React.ReactNode;
}

export const AuthLayout: React.FC<AuthLayoutProps> = ({ title, description, children }) => {
  return (
    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 to-indigo-100 p-4">
      <div className="w-full max-w-md">
        <Card className="shadow-xl border-0 bg-white/95 backdrop-blur-sm">
          <CardHeader className="space-y-1 text-center">
            <CardTitle className="text-2xl font-bold text-gray-900">{title}</CardTitle>
            <CardDescription className="text-gray-600">{description}</CardDescription>
          </CardHeader>
          <CardContent className="space-y-4">
            {children}
          </CardContent>
        </Card>
      </div>
    </div>
  );
};
Read-only

Setting up preview

Please wait while we set everything up