import {BLACK, PRIMERY, WHITE} from '../../color';

export const container = {
  flex: 1,
  paddingHorizontal: 16,
  paddingVertical: 50,
  justifyContent: 'center',
  backgroundColor: WHITE,
  color: BLACK,
};

export const ItemFlex = {
  flex: 1,
};
export const ItemFlex2 = {
  flex: 2,
};

export const direction = {
  flexDirection: 'row',
  justifyContent: 'space-between',
  alignItems: 'center',
};

export const pageTitleBox = {
  paddingVertical: 20,
  backgroundColor: PRIMERY,
};
export const pageTitle = {
  fontSize: 18,
  fontWeight: 'bold',
  textAlign: 'center',
  color: WHITE,
};
export const marginBottom = {
  marginBottom: 20,
};

export const textColor = {
  color: BLACK,
};

export const padding = {
  paddingHorizontal: 16,
};