import {NavigationStrings} from '.';
import {NavProps} from '../navigation/types';

export const SkiaComponentData = (navigation: NavProps) => [
  {
    id: 1,
    name: 'Indicator',
    screen: () => navigation.navigate(NavigationStrings.INDICATOR),
  },
  {
    id: 2,
    name: 'Strike Image',
    screen: () => navigation.navigate(NavigationStrings.STRIKE_IMAGE),
  },
  {
    id: 3,
    name: 'Notification',
    screen: () => navigation.navigate(NavigationStrings.NOTIFICATION),
  },
  {
    id: 4,
    name: 'Theme Switch',
    screen: () => navigation.navigate(NavigationStrings.THEME_SWITCH),
  },
  {
    id: 5,
    name: 'SkiaLike',
    screen: () => navigation.navigate(NavigationStrings.SKIA_LIKE),
  },
  {
    id: 6,
    name: 'Wallet',
    screen: () => navigation.navigate(NavigationStrings.WALLET),
  },
  {
    id: 7,
    name: 'Animated Scanner',
    screen: () => navigation.navigate(NavigationStrings.ANIMATED_SCANNER),
  },
  {
    id: 8,
    name: 'Media Button',
    screen: () => navigation.navigate(NavigationStrings.MEDIA_BUTTON),
  },
  {
    id: 9,
    name: 'Heart Rate',
    screen: () => navigation.navigate(NavigationStrings.HEART_RATE),
  },
  {
    id: 10,
    name: 'Wireless Charger',
    screen: () => navigation.navigate(NavigationStrings.WIRELESS_CHARGER),
  },
  {
    id: 11,
    name: 'Skia Charging',
    screen: () => navigation.navigate(NavigationStrings.SKIA_CHARGING),
  },
  {
    id: 12,
    name: 'Animated Checkmark',
    screen: () => navigation.navigate(NavigationStrings.ANIMATEDCHECKMARK),
  },
];
