export const containerStyles = {
  display: 'flex',
  flexDirection: 'column',
  borderRadius: 'base.borderRadius.x4',
  bg: 'base.color.translucent.emphasis.100',
};

export const actionsContainerStyles = {
  p: 'base.spacing.x3',
  d: 'flex',
  justifyContent: 'space-between',
  position: 'relative',
};

export const actionsLayoutStyles = {
  display: 'flex',
  flexGrow: '1',
  alignItems: 'center',
  gap: 'base.spacing.x2',
};