import { StyleSheet } from 'react-native';

import { colors, shadows } from '../../styles';

export const graphStyles = StyleSheet.create({
  container: {
    backgroundColor: colors.panelWhite,
    borderColor: 'black',
    borderRadius: 5,
    marginVertical: 10,
    marginHorizontal: 15,
    paddingTop: 15,
    paddingHorizontal: 15,
    ...shadows.standard
  },
  rowContainer: { flexDirection: 'row', padding: 10 },
  flex: { flex: 1 },
  yAxisLeftPadding: { paddingRight: 3 },
  yAxisRightPadding: { paddingLeft: 3 },
  yAxisFontStyle: { fontSize: 10, fill: 'grey' },
  xAxisFontStyle: { fontSize: 12, fill: 'black' },
  xAxisMarginTop: { marginTop: -15 }
});