lunar add input

import { Input } from '@/components/ui/input';

const [value, setValue] = useState('');
 
<Input
value={value}
onChangeText={setValue}
placeholder="Enter your name"
/>

// Outline (default)
<Input variant="outline" placeholder="Outline variant" />
 
// Underline
<Input variant="underline" placeholder="Underline variant" />

<Input size="sm" placeholder="Small" />
<Input size="md" placeholder="Medium (default)" />
<Input size="lg" placeholder="Large" />

import { Mail, Eye, Search, DollarSign } from 'lucide-react-native';
 
// Prefix icon
<Input
placeholder="Email"
prefix={<Mail size={18} color="#6b7280" />}
/>
 
// Suffix icon
<Input
placeholder="Password"
secureTextEntry
suffix={<Eye size={18} color="#6b7280" />}
/>
 
// Both
<Input
placeholder="Search..."
prefix={<Search size={18} color="#6b7280" />}
suffix={<Text className="text-muted-foreground text-sm">⌘K</Text>}
/>
 
// With text prefix
<Input
placeholder="0.00"
prefix={<DollarSign size={18} color="#6b7280" />}
/>

<Input
placeholder="Email"
error
value={email}
onChangeText={setEmail}
/>

<Input
placeholder="Disabled input"
editable={false}
value="Cannot edit this"
/>