fix folder component

components/TextInput/TextInputCustom.tsx

@@ -1,100 +0,0 @@
-// components/TextInputCustom.tsx
-
-import Ionicons from "@expo/vector-icons/Ionicons";
-import React, { useState } from "react";
-import {
-  TextInput as RNTextInput,
-  StyleProp,
-  Text,
-  TouchableOpacity,
-  View,
-  ViewStyle,
-} from "react-native";
-import { textInputStyles } from "./textInputStyles";
-
-type IconType = React.ReactNode | string;
-
-type Props = {
-  iconLeft?: IconType;
-  iconRight?: IconType;
-  label?: string;
-  required?: boolean;
-  error?: string;
-  secureTextEntry?: boolean;
-  fontColor?: string;
-  disabled?: boolean;
-  borderRadius?: number;
-  style?: StyleProp<ViewStyle>;
-} & Omit<React.ComponentProps<typeof RNTextInput>, "style">;
-
-export const TextInputCustom = ({
-  iconLeft,
-  iconRight,
-  label,
-  required = false,
-  error = "",
-  secureTextEntry = false,
-  fontColor = "#000",
-  disabled = false,
-  borderRadius = 8,
-  style,
-  ...rest
-}: Props) => {
-  const [isPasswordVisible, setIsPasswordVisible] = useState(false);
-
-  // Helper untuk render ikon
-  const renderIcon = (icon: IconType) => {
-    if (!icon) return null;
-    return typeof icon === "string" ? (
-      <Text style={textInputStyles.iconText}>{icon}</Text>
-    ) : (
-      icon
-    );
-  };
-
-  return (
-    <View style={textInputStyles.container}>
-      {label && (
-        <Text style={textInputStyles.label}>
-          {label}
-          {required && <Text style={textInputStyles.required}> *</Text>}
-        </Text>
-      )}
-      <View
-        style={[
-          textInputStyles.inputContainer,
-          disabled && textInputStyles.disabled,
-          { borderRadius },
-          error ? textInputStyles.errorBorder : null,
-          style,
-        ]}
-      >
-        {iconLeft && (
-          <View style={textInputStyles.icon}>{renderIcon(iconLeft)}</View>
-        )}
-        <RNTextInput
-          style={[textInputStyles.input, { color: fontColor }]}
-          editable={!disabled}
-          secureTextEntry={secureTextEntry && !isPasswordVisible}
-          {...rest}
-        />
-        {secureTextEntry && (
-          <TouchableOpacity
-            onPress={() => setIsPasswordVisible((prev) => !prev)}
-            style={textInputStyles.icon}
-          >
-            <Ionicons
-              name={isPasswordVisible ? "eye-off" : "eye"}
-              size={20}
-              color="#888"
-            />
-          </TouchableOpacity>
-        )}
-        {iconRight && (
-          <View style={textInputStyles.icon}>{renderIcon(iconRight)}</View>
-        )}
-      </View>
-      {error ? <Text style={textInputStyles.errorMessage}>{error}</Text> : null}
-    </View>
-  );
-};