01matreece

import React from "react";
import { Button } from "./components/ui/button"
import { Input } from "./components/ui/input"
import { Label } from "./components/ui/label"
import { Card, CardHeader, CardTitle, CardContent, CardFooter } from "./components/ui/card"
import { useState } from "react"

export default function ShadcnForm() {
  const [name, setName] = useState("")
  const [email, setEmail] = useState("")

01matreece

import { Button } from "./components/ui/button"
import { Input } from "./components/ui/input"
import { Label } from "./components/ui/label"
import { Card, CardHeader, CardTitle, CardContent, CardFooter } from "./components/ui/card"
import { useState } from "react"

export default function ShadcnForm() {
  const [name, setName] = useState("")
  const [email, setEmail] = useState("")
  const [password, setPassword] = useState("")

01matreece

import React from "react"; export default function TestComponent() { return <div className="p-8 bg-blue-50 rounded-lg"><h1 className="text-2xl font-bold text-blue-800">🚀 Import Method Working!</h1><p className="text-blue-600 mt-2">This component was generated by AI and uses the new import method for CodeSandbox!</p></div>; }

01matreece

import React from "react"; export default function TestComponent() { return <div className="p-8 bg-green-50 rounded-lg"><h1 className="text-2xl font-bold text-green-800">✅ GitHub Gist Import Working!</h1><p className="text-green-600 mt-2">This component was generated by AI and imported from GitHub Gist into CodeSandbox!</p></div>; }

01matreece

import { Button } from "./components/ui/button"
import { Input } from "./components/ui/input"
import { Label } from "./components/ui/label"
import { Card, CardHeader, CardTitle, CardContent, CardFooter } from "./components/ui/card"
import { useState } from "react"

export default function ShadcnForm() {
  const [name, setName] = useState("")
  const [email, setEmail] = useState("")
  const [password, setPassword] = useState("")

01matreece

import React from "react"; export default function TestComponent() { return <div className="p-8 bg-blue-50 rounded-lg"><h1 className="text-2xl font-bold text-blue-800">🚀 AI Generated Component Working!</h1><p className="text-blue-600 mt-2">This component was generated by AI and is now running in CodeSandbox with direct file embedding!</p></div>; }

01matreece

import { Button } from "./components/ui/button"
import { Input } from "./components/ui/input"
import { Label } from "./components/ui/label"
import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "./components/ui/card"
import { useState, useEffect } from "react"

export default function DashboardUI() {
  const [totalUsers, setTotalUsers] = useState(0)
  const [newUsers, setNewUsers] = useState(0)
  const [totalOrders, setTotalOrders] = useState(0)

01matreece

export default function TestComponent() { return <div className="p-4 bg-red-500 text-white rounded-lg shadow-lg">AI Generated Code Test!</div>; }

01matreece

import { Button } from "./components/ui/button"
import { Input } from "./components/ui/input"
import { Label } from "./components/ui/label"
import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "./components/ui/card"
import { useState, useEffect } from "react"

export default function DashboardUI() {
  const [totalUsers, setTotalUsers] = useState(0)
  const [newUsers, setNewUsers] = useState(0)
  const [totalOrders, setTotalOrders] = useState(0)

01matreece

export default function TestComponent() { return <div className="p-4 bg-purple-500 text-white rounded-lg shadow-lg">Testing import method!</div>; }