const mobileReplayIntegration = Sentry.mobileReplayIntegration({
  maskAllText: false,
  maskAllImages: false,
  maskAllVectors: false,
});

const defaultWidgetStyle = defaultStyles({
  // Dummy values, I just need default styles to override the background color
  foreground: Colors.light.text,
  background: Colors.light.background,
});

const feedbackIntegration = Sentry.feedbackIntegration({
  styles: {
    submitButton: {
      ...defaultWidgetStyle.submitButton,
      backgroundColor: Colors.light.tint, // This works
    },
    input: {
      ...defaultWidgetStyle.input,
      color: 'red', // This is ignored
    },
  },
  colorScheme: 'system',
  themeLight: {
    foreground: Colors.light.text,
    background: Colors.light.background,
  },
  themeDark: {
    foreground: Colors.dark.text,
    background: Colors.dark.background,
  },
  showBranding: false,
  nameLabel: 'Name (optional)',
  emailLabel: 'Email (if we need further details)',
  namePlaceholder: 'How shall we call you?',
  messagePlaceholder:
    'What is the issue? Please describe it in detail, since it is the only info we get from you 🙏',
});

export const initSentry = () => {
  Sentry.init({
    dsn: 'https://foobar.ingest.de.sentry.io/baz',

    // Adds more context data to events (IP address, cookies, user, etc.)
    // For more information, visit: https://docs.sentry.io/platforms/react-native/data-management/data-collected/
    sendDefaultPii: true,

    // Configure Session Replay
    replaysSessionSampleRate: 1,
    replaysOnErrorSampleRate: 1,
    integrations: [mobileReplayIntegration, feedbackIntegration],
    // uncomment the line below to enable Spotlight (https://spotlightjs.com)
    // spotlight: __DEV__,
  });
};