import {StyleSheet} from 'react-native';
import {SPACING} from '@shared/theme';

const RECORD_TYPE_SELECTOR_ACTIVE_COLOR = 'rgba(73, 107, 227, 1)';

export const styles = StyleSheet.create({
  recordTypeSelectorContainer: {
    alignItems: 'center',
    flexDirection: 'row',
    gap: 24,
    justifyContent: 'center',
    paddingVertical: SPACING.x1,
  },
  recordTypeSelectorItem: {padding: SPACING.x1},
  recordTypeSelectorActive: {
    backgroundColor: RECORD_TYPE_SELECTOR_ACTIVE_COLOR,
    borderTopLeftRadius: SPACING['x0.5'],
    borderTopRightRadius: SPACING['x0.5'],
    bottom: 0,
    height: 2,
    position: 'absolute',
    width: 45,
  },
});
