85cda47c70
Signed-off-by: -LAN- <laipz8200@outlook.com> Co-authored-by: twwu <twwu@dify.ai> Co-authored-by: crazywoola <100913391+crazywoola@users.noreply.github.com> Co-authored-by: jyong <718720800@qq.com> Co-authored-by: Wu Tianwei <30284043+WTW0313@users.noreply.github.com> Co-authored-by: QuantumGhost <obelisk.reg+git@gmail.com> Co-authored-by: lyzno1 <yuanyouhuilyz@gmail.com> Co-authored-by: quicksand <quicksandzn@gmail.com> Co-authored-by: Jyong <76649700+JohnJyong@users.noreply.github.com> Co-authored-by: lyzno1 <92089059+lyzno1@users.noreply.github.com> Co-authored-by: zxhlyh <jasonapring2015@outlook.com> Co-authored-by: Yongtao Huang <yongtaoh2022@gmail.com> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com> Co-authored-by: Joel <iamjoel007@gmail.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Co-authored-by: nite-knite <nkCoding@gmail.com> Co-authored-by: Hanqing Zhao <sherry9277@gmail.com> Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Co-authored-by: Harry <xh001x@hotmail.com>
28 lines
662 B
TypeScript
28 lines
662 B
TypeScript
import Link from 'next/link'
|
|
import React from 'react'
|
|
|
|
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)
|