import type { VariantProps } from "@shopify/restyle";
import type { Theme } from "@themes/Theme";
import type { TextInputProps } from "react-native";
import { TextInput } from "react-native";
import Box from "./bases/Box";

type Props = TextInputProps & VariantProps<Theme, "textVariants", "textVariants">;

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

export default Input;