Properties outside of style object

[Camilo-Camargo]

Hello Everyone, I need your help.

I'm trying to implement a custom TextInput, but how can we add a custom variant that takes placeholderTextColor without mapping the theme?

Mapping Keys code

import { AllProps, backgroundColor, border, color, ColorProps, composeRestyleFunctions, createRestyleFunction, createVariant, layout, shadow, spacing, typography, useRestyle, useTheme, VariantProps } from '@shopify/restyle';
import { ColorValue, TextInput as RNTextInput,TextInputProps as RNTextInputProps } from 'react-native';
import { Theme } from '../styles';


type RestyleProps = AllProps<Theme> &
  VariantProps<Theme, 'textInputVariants'> &
  RNTextInputProps &
  {
    placeholderTextColor?: keyof Theme["colors"]
  };


const variant = createVariant<Theme, 'textInputVariants'>({
  themeKey: "textInputVariants"
});

const restyleFunctions = composeRestyleFunctions<Theme, RestyleProps>([
  backgroundColor,
  color,
  spacing,
  shadow,
  typography,
  layout,
  variant,
]);


export default function TextInput({...rest}: RestyleProps) {
  const props = useRestyle(restyleFunctions,rest);
  const theme = useTheme<Theme>();
  const placeholderTextColor = theme.colors[`${rest.placeholderTextColor}` as keyof typeof theme.colors] as string;
  return (
    <RNTextInput
      {...props}
      placeholderTextColor={placeholderTextColor}
    />
  );
}

Custom property [I try]

const textInputsVariants =  {
  "textInputVariants": {
    "defaults": {
      backgroundColor: "mainBackground",
    },
    "filled": {
      padding: "s",
      margin: "s",
      borderRadius: 20,
      color: "mainForeground",
      backgroundColor: "mainForeground",
      placeholderTextColor: "mainBackground"
    }
  }
}