mirror of
https://github.com/langgenius/dify.git
synced 2026-04-24 00:59:19 +08:00
28 lines
669 B
TypeScript
28 lines
669 B
TypeScript
import * as React from 'react'
|
|
import Link from '@/next/link'
|
|
|
|
type OptionProps = {
|
|
Icon: React.ComponentType<{ className?: string }>
|
|
text: string
|
|
href: string
|
|
}
|
|
|
|
const Option = ({
|
|
Icon,
|
|
text,
|
|
href,
|
|
}: OptionProps) => {
|
|
return (
|
|
<Link
|
|
type="button"
|
|
className="flex w-full items-center gap-x-2 rounded-lg bg-transparent px-4 py-2 text-text-tertiary shadow-shadow-shadow-3 hover:bg-background-default-dodge hover:text-text-secondary hover:shadow-xs"
|
|
href={href}
|
|
>
|
|
<Icon className="h-4 w-4 shrink-0" />
|
|
<span className="system-sm-medium grow text-left">{text}</span>
|
|
</Link>
|
|
)
|
|
}
|
|
|
|
export default React.memo(Option)
|