export const feeContainerStyles = {
  display: 'flex',
  flexDirection: 'row',
  justifyContent: 'space-between',
  alignItems: 'center',
  paddingTop: 'base.spacing.x3',
};

export const feeBoxStyles = {
  display: 'flex',
  flexDirection: 'column',
};

export const gasAmountAccordionStyles = {
  backgroundColor: 'base.color.translucent.emphasis.100',
};

export const gasAmountHeadingStyles = {
  marginBottom: 'base.spacing.x4',
  color: 'base.color.text.body.secondary',
};