@madeja-studio/telar/src/component/Button/theme.ts

UI component library by Madeja Studio

import type { StyleProp, TextStyle, ViewStyle } from 'react-native';

import type { CoreTheme } from '../../theme/core';

export const defaultTheme = {
  color: {
    danger: {
      background: (theme: CoreTheme) => theme.color.danger,
      text: (theme: CoreTheme) => theme.color.text.onColor,
    },
    disabled: {
      background: (theme: CoreTheme) => theme.color.background.disabled,
      text: (theme: CoreTheme) => theme.color.text.onColor,
    },
    primary: {
      background: (theme: CoreTheme) => theme.color.primary,
      text: (theme: CoreTheme) => theme.color.text.onColor,
    },
    secondary: {
      background: (theme: CoreTheme) => theme.color.secondary,
      text: (theme: CoreTheme) => theme.color.text.onColor,
    },
    tertiary: {
      background: (theme: CoreTheme) => theme.color.tertiary,
      text: (theme: CoreTheme) => theme.color.text.onColor,
    },
  },
  defaults: {
    hasAutoLoad: true,
    hasHapticFeedback: true,
    style: {
      row: {} as StyleProp<ViewStyle>,
      text: {} as StyleProp<TextStyle>,
    },
  },
};