export const footerButtonStyles = {
  width: '100%',
  display: 'flex',
  flexDirection: 'row',
  justifyContent: 'flex-end',
  alignItems: 'center',
  padding: 'base.spacing.x4',
  paddingBottom: 'base.spacing.x10',
};

export const footerLogoStyles = {
  maxHeight: 'base.spacing.x20',
  display: 'flex',
  flexDirection: 'row',
  justifyContent: 'center',
  alignItems: 'center',
  paddingTop: 'base.spacing.x4',
  paddingBottom: 'base.spacing.x5',
};

export const footerButtonIconLoadingStyle = {
  width: 'base.icon.size.400',
};

export const quickswapFooterStyles = {
  display: 'flex',
  flexDirection: 'column',
  paddingX: 'base.spacing.x4',
  paddingBottom: 'base.spacing.x4',
};

export const quickswapFooterLogoStyles = {
  display: 'flex',
  justifyContent: 'center',
  alignItems: 'center',
  marginBottom: 'base.spacing.x2',
  color: 'base.color.text.body.primary',
};

export const quickswapFooterDisclaimerTextStyles = {
  display: 'flex',
  justifyContent: 'center',
  alignItems: 'center',
  textAlign: 'center',
  color: 'base.color.text.body.secondary',
};