import {type Href} from 'expo-router'

import {Link} from '@/components/ui/link'
import {Text} from '@/components/ui/typography'
import {useTheme} from '@/sprinkles'

// the right-aligned "See all" affordance shared by section headers and tiles
export const SeeAllLink = ({
  href,
  label,
}: {
  href: Href
  label: string
}) => {
  const t = useTheme()
  return (
    <Link href={href} accessibilityLabel={label}>
      <Text style={t.atoms.text_contrast_medium}>See all</Text>
    </Link>
  )
}
