TapRailsThemeProvider

import { TapRailsThemeProvider } from '@taprails/tap-to-pay';

// Wrap your root component
export default function App() {
  return (
    <TapRailsThemeProvider
      colorOverrides={{
        primary: '#6366F1',
      }}
    >
      <YourApp />
    </TapRailsThemeProvider>
  );
}

interface TapRailsColors {
  primary: string;
  success: string;
  error: string;
  background: string;
  surface: string;
  text: string;
  textMuted: string;
  border: string;
}

import { useTheme } from '@taprails/tap-to-pay';

const theme = useTheme();
// theme.colors.primary
// theme.typography.styles.h1
// theme.typography.styles.body

interface TapRailsTheme {
  colors: TapRailsColors;
  typography: {
    styles: {
      h1: TextStyle;
      h2: TextStyle;
      h3: TextStyle;
      body: TextStyle;
      bodySmall: TextStyle;
      label: TextStyle;
      button: TextStyle;
      mono: TextStyle;
    };
  };
}