import Ionicons from "@react-native-vector-icons/ionicons";
import { SymbolView } from "expo-symbols";
import type { ComponentProps } from "react";

export function NativeSymbol({
  ios,
  android,
  size = 18,
  color = "#fff",
}: {
  ios: string;
  android: ComponentProps<typeof Ionicons>["name"];
  size?: number;
  color?: string;
}) {
  return (
    <SymbolView
      name={ios as never}
      size={size}
      tintColor={color}
      weight="medium"
      resizeMode="scaleAspectFit"
      fallback={<Ionicons name={android} size={size} color={color} />}
    />
  );
}