import { StyleSheet } from 'react-native';
import { COLORS } from '../constants/color';

export const styles = StyleSheet.create({

  container: {
    flexDirection: 'row',

    justifyContent: 'space-around',

    alignItems: 'flex-end',

    backgroundColor: COLORS.background,

    borderTopWidth: 1,

    borderTopColor: COLORS.cardBorder,

    paddingVertical: 10,
  },

  tab: {
    flex: 1,

    alignItems: 'center',
  },

  label: {
    color: COLORS.tabInactive,

    fontSize: 12,

    marginTop: 4,
  },

  scanContainer: {
    alignItems: 'center',

    marginTop: -20,
  },

  scanButton: {
    width: 60,

    height: 60,

    borderRadius: 30,

    backgroundColor: COLORS.orange,

    justifyContent: 'center',

    alignItems: 'center',

    elevation: 6,
  },

});