export const headingStyles = {
  display: 'flex',
  flexDirection: 'row',
  justifyContent: 'space-between',
  alignItems: 'center',
  p: 'base.spacing.x2',
  pb: 'base.spacing.x4',
};

export const wcWalletLogoWrapperStyles = {
  position: 'relative',
  pr: 'base.spacing.x2',
};

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

export const wcStickerLogoStyles = {
  position: 'absolute',
  top: '-6px',
  left: '18px',
  width: '20px',
  padding: '2px',
  backgroundColor: 'base.color.translucent.inverse.900',
  borderRadius: 'base.borderRadius.x2',
};

export const rawImageStyle = {
  backgroundColor: 'transparent',
  width: 'base.icon.size.400',
  height: 'base.icon.size.400',
  marginRight: 'base.spacing.x1',
  padding: 'base.spacing.x1',
};