24 lines
707 B
TypeScript
24 lines
707 B
TypeScript
|
import { DotsHorizontalIcon } from '@heroicons/react/outline'
|
||
|
|
|
||
|
|
export function MoreButton() {
|
||
|
|
return <SidebarButton text={'More'} icon={DotsHorizontalIcon} />
|
||
|
|
}
|
||
|
|
|
||
|
|
function SidebarButton(props: {
|
||
|
|
text: string
|
||
|
|
icon: React.ComponentType<{ className?: string }>
|
||
|
|
children?: React.ReactNode
|
||
|
|
}) {
|
||
|
|
const { text, children } = props
|
||
|
|
return (
|
||
|
|
<a className="group flex items-center rounded-md px-3 py-2 text-sm font-medium text-gray-600 hover:cursor-pointer hover:bg-gray-100">
|
||
|
|
<props.icon
|
||
|
|
className="-ml-1 mr-3 h-6 w-6 flex-shrink-0 text-gray-400 group-hover:text-gray-500"
|
||
|
|
aria-hidden="true"
|
||
|
|
/>
|
||
|
|
<span className="truncate">{text}</span>
|
||
|
|
{children}
|
||
|
|
</a>
|
||
|
|
)
|
||
|
|
}
|