Function VariantRow

example/src/ModelBrowserScreen.tsx:110–137

({
  label,
  sizeMb,
  url,
  pro,
}: {
  label: string;
  sizeMb: number;
  url: string;
  pro?: string;
})

};

const VariantRow = ({
  label,
  sizeMb,
  url,
  pro,
}: {
  label: string;
  sizeMb: number;
  url: string;
  pro?: string;
}) => (
  <View style={styles.variantRow}>
    <View style={styles.variantBadge}>
      <Text style={styles.variantLabel}>{label}</Text>
    </View>
    <Text style={styles.variantSize}>
      {sizeMb >= 1024 ? `${(sizeMb / 1024).toFixed(1)} GB` : `${sizeMb} MB`}
    </Text>
    <Text style={styles.variantUrl} numberOfLines={1}>
      {url.replace('https://huggingface.co/', '')}
    </Text>
    {pro && (
      <View style={styles.proBadge}>
        <Text style={styles.proLabel}>Apple</Text>
      </View>
    )}
  </View>
);

export default ModelBrowserScreen;