export const linkBaseStyles = `
  focus:outline-none
  focus:ring-4 focus:ring-offset-2 focus:ring-bones-yellow dark:focus:ring-bones-gold
  transition ease-in-out duration-200
`;

export const underlineStyles = {
  none: 'no-underline',
  hover: 'hover:underline',
  always: 'underline',
};

export const underlinePositionStyles = {
  left: 'decoration-left',
  center: 'decoration-center',
  right: 'decoration-right',
};