Files
supabase/apps/docs/components/ComesFrom.tsx
2022-11-16 16:34:48 -03:30

23 lines
701 B
TypeScript
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import { FC } from 'react'
import { IconSearch } from '~/../../packages/ui'
// [Terry] — delete this after development
// just for making it easy to see where things are coming from
interface Props {
link: string
text: string
className?: string
}
export const ComesFrom: FC<Props> = ({ link, text, className }) => {
return (
<div className={`comes-from text-xs flex items-center gap-2 -mb-6 ${className}`}>
<span className="uppercase bg-slate-100 p-1 text-slate-600 flex gap-2 items-center">
<IconSearch size={14} />
Comes from:
</span>
<a className="text-slate-600 no-underline hover:underline" href={link}>
{text}
</a>
</div>
)
}