\n {children}\n

\n );\n}\n\nfunction CardHeader({ children, className = '' }) {\n return (\n

\n {children}\n

\n );\n}\n\nfunction CardTitle({ children, className = '' }) {\n return (\n

\n {children}\n

\n );\n}\n\nfunction CardContent({ children, className = '' }) {\n return (\n

\n {children}\n

\n );\n}\n\n// Custom Switch Component\nfunction Switch({ checked, onCheckedChange }) {\n return (\n \n );\n}\n\nfunction App() {\n const [theme, setTheme] = useState<'light' | 'dark'>('light');\n\n useEffect(() => {\n document.documentElement.classList.toggle('dark', theme === 'dark');\n localStorage.setItem('theme', theme);\n }, [theme]);\n\n useEffect(() => {\n const savedTheme = localStorage.getItem('theme') as 'light' | 'dark';\n if (savedTheme) {\n setTheme(savedTheme);\n }\n }, []);\n\n const toggleTheme = () => {\n setTheme(theme === 'light' ? 'dark' : 'light');\n };\n\n return (\n

Shegosthato

Software Developer

\n \n

\n\n

\n \n \n $\"Profile\"$ \n

About Me

\n I'm a passionate software developer with expertise in web technologies, \n committed to creating innovative and efficient solutions. \n My focus is on building scalable and user-friendly applications \n that solve real-world problems.\n

\n \n \n

\n\n

Projects

\n \n \n Personal Portfolio\n \n \n

\n Responsive personal website showcasing skills and projects\n

\n \n \n

\n \n \n\n \n \n Open Source Contributions\n \n \n

\n Explore my GitHub repositories and open-source projects\n

\n \n \n \n

\n\n

\n \n \n

Contact Me

\n \n \n \n View Val Source\n \n

\n \n \n

\n\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n \n \n Shegosthato - Portfolio\n \n \n \n \n \n \n

\n \n \n \n \n `, {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/YouBot/You_Bot/code/main.tsx","extension","actionData","errors"]