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

export const styles = StyleSheet.create({
  dummyIcon: {width: SPACING.x2},
  container: {
    flexDirection: 'row',
    justifyContent: 'center',
  },
  buttonContainer: {flex: 1},
  buttonContainerVertical: {width: '100%'},
  withoutRightRadius: {
    borderBottomRightRadius: 0,
    borderTopRightRadius: 0,
  },
  withoutLeftRadius: {
    borderBottomLeftRadius: 0,
    borderLeftWidth: 0,
    borderTopLeftRadius: 0,
  },
  withoutTopRadius: {
    borderTopLeftRadius: 0,
    borderTopRightRadius: 0,
    borderTopWidth: 0,
  },
  withoutBottomRadius: {
    borderBottomLeftRadius: 0,
    borderBottomRightRadius: 0,
  },
  withoutLimitedOptions: {minWidth: undefined},
  containerVertical: {
    flexDirection: 'column',
    justifyContent: 'center',
  },
});
