import { TextInput } from "react-native";
import type { TextInputProps } from "react-native";
import Box from "./bases/Box";
import Text from "./bases/Text";

type Props = TextInputProps & {
	label: string;
};

const Input = ({ label, ...rest }: Props) => {
	return (
		<Box>
			<Text color={"gray"}>{label}</Text>
			<Box backgroundColor={"lightGray"} height={50} borderRadius={10} my={"m"} p={"s"}>
				<TextInput style={{ height: "100%" }} {...rest} />
			</Box>
		</Box>
	);
};

export default Input;
