23 lines
500 B
TypeScript
23 lines
500 B
TypeScript
import clsx from 'clsx'
|
|
|
|
export function TextButton(props: {
|
|
onClick: () => void
|
|
children: React.ReactNode
|
|
className?: string
|
|
}) {
|
|
const { onClick, children, className } = props
|
|
|
|
return (
|
|
<span
|
|
className={clsx(
|
|
className,
|
|
'cursor-pointer gap-2 hover:underline hover:decoration-indigo-400 hover:decoration-2 focus:underline focus:decoration-indigo-400 focus:decoration-2'
|
|
)}
|
|
tabIndex={0}
|
|
onClick={onClick}
|
|
>
|
|
{children}
|
|
</span>
|
|
)
|
|
}
|