export const rawImageStyles = {
  minw: '16px',
  padding: '8px',
  display: 'flex',
  bg: 'base.color.translucent.standard.100',
  overflow: 'hidden',
  borderRadius: '4px',
  objectFit: 'cover',
  objectPosition: 'center',
  backgroundColor: 'base.color.translucent.standard.200',
  justifyContent: 'center',
  alignItems: 'center',
  flexShrink: 0,
  width: '48px',
  height: '48px',
};

export const imageStyles = {
  width: 'auto',
  height: '100%',
  objectFit: 'contain',
  objectPosition: '50% 50%',
};