import {StyleSheet} from 'react-native';

const colors = {
  white: '#ffffff',
  black: '#000000',
  brand: '#91E9A5',
  bg: '#F2F4F8',
  disabled: 'rgba(0,0,0,0.4)',
  success: '#6DB07D',
  danger: '#FC6EA1',
  info: '#5A3EED',
  limitSnippetBackground: 'rgba(139, 175, 189, 0.07)',
  limitSnippetBorder: 'rgba(139, 175, 189, 0.33)',
  productSnippetBorder: '#D6D6DE',
  blue: '#007AFF',
  closingCross: 'rgba(41, 41, 41, 0.5)',
  grey: '#54545C',
  darkGrey: '#ACACB6',
  iris: '#3835AF',
  iconBlack: '#292929',
};

const styles = StyleSheet.create({
  flex: {
    flex: 1,
    flexDirection: 'row',
    flexWrap: 'wrap',
  },
  f2: {flex: 2},
});

export const StyleGuide = {
  colors,
  flex: {...styles.flex},
  f2: {...styles.f2},
};