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

const DEFAULT_SIZE = 56;
export const BOX_HEIGHT = 72;

export const styles = StyleSheet.create({
  box: {
    alignItems: 'center',
    borderRadius: BORDER_RADIUS.m,
    borderWidth: 1,
    height: BOX_HEIGHT,
    justifyContent: 'center',
    textAlign: 'center',
    width: DEFAULT_SIZE,
  },
  boxText: {textAlign: 'center'},
  custom: {
    borderRadius: 52,
    height: DEFAULT_SIZE,
  },
});
