24 lines
724 B
TypeScript
24 lines
724 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 (
|
|
<button className="group flex w-full 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}
|
|
</button>
|
|
)
|
|
}
|