@vtex/admin-ui/src/components/Anchor/index.ts

> VTEX admin component library

import { jsx } from '@vtex/admin-ui-react'
import type { ComponentPropsWithRef } from 'react'

/**
 * Anchor component
 * @example
 * <Anchor href="#">Link to #</Anchor>
 */
export const Anchor = jsx('a')({
  font: 'inherit',
  color: '$action.main.tertiary',
  textDecoration: 'none',
  cursor: 'pointer',
  ':visited': {
    color: '$action.main.tertiaryPressed',
  },
  ':hover': {
    color: '$action.main.tertiaryHover',
    textDecoration: 'underline',
  },
})

export type AnchorProps = ComponentPropsWithRef<typeof Anchor>