Welcome to useReferences!

1// Example: Using React with TypeScript
2400">import { useState } 400">from 'react';
3 
4 
5400">export 400">const metadata = {
6  title: 'User Card Component',
7  description: 'Reusable React TypeScript user card with expandable details.',
8  robots: 'index, follow',
9  viewport: 'width=device-width, initial-scale=1',
10  openGraph: {
11    title: 'Toolify Ai Studio',
12    description: 'Replace with your site description',
13    type: 'website',
14    url: 'https://www,toolify.studio',
15  },
16  twitter: {
17    card: 'summary_large_image',
18    title: 'Toolify Ai Studio',
19    description: 'Replace with your site description',
20  },
21};
22 
23 
24interface User {
25  name: 400">string;
26  email: 400">string;
27}
28 
29400">export 400">default 400">function 300">UserCard({ user }: { user: User }) {
30  400">const [isExpanded, setIsExpanded] = 300">useState(400">false);
31  
32  400">return (
33    <div onClick={() => 300">setIsExpanded(!isExpanded)}>
34      <h2>{user.name}</h2>
35      {isExpanded && <p>{user.email}</p>}
36    </div>
37  );
38}