@hc.ds/mobile/src/Button/theme.ts

Healthy Church Design System - HC Mobile

/**
 * Theme map
 */

import { StyleSheet } from 'react-native';
import { Colors } from '../Colors';

const fontStyle = {
  fontSize: 17,
  fontStyle: 'normal',
  fontWeight: '500',
  lineHeight: '140%',
};

const commonStyle = {
  ...fontStyle,
  borderRadius: 48,
  paddingLeft: 16,
  paddingRight: 16,
};

export const ButtonTheme = StyleSheet.create({
  primary: {
    ...commonStyle,
    backgroundColor: Colors.primary[100],
  },
  success: {
    ...commonStyle,
    borderColor: Colors.success[100],
    backgroundColor: Colors.success[100],
  },
  danger: {
    ...commonStyle,
    borderColor: Colors.danger[100],
    backgroundColor: Colors.danger[100],
  },
  warning: {
    ...commonStyle,
    borderColor: Colors.warning[100],
    backgroundColor: Colors.warning[100],
  },
  ghost: {
    ...commonStyle,
    color: Colors.primary[100],
    borderColor: Colors.primary[100],
  },
  light: {
    ...commonStyle,
    backgroundColor: Colors.white,
    color: Colors.text,
    borderColor: Colors.border,
  },
  outline: {
    borderColor: Colors.border,
    color: Colors.white,
    backgroundColor: `transparent`,
  },
  block: {
    width: '100%',
  },
});