export const containerStyles = {
  backgroundColor: 'base.color.neutral.800',
  px: 'base.spacing.x4',
  pt: 'base.spacing.x5',
  pb: 'base.spacing.x4',
  borderRadius: 'base.borderRadius.x6',
  h: '100%',
  w: '100%',
  display: 'flex',
  flexDirection: 'column',
};

export const noTransactionsContainerStyle = {
  display: 'flex',
  flexDirection: 'column',
  justifyContent: 'center',
  alignItems: 'center',
  padding: 'base.spacing.x5',
  flex: 1,
};

export const noTransactionsBodyStyle = {
  mb: 'base.spacing.x8',
  color: 'base.color.text.body.secondary',
  textAlign: 'center',
};

export const passportBodyStyle = {
  color: 'base.color.text.body.secondary',
};