ConceptPortal-public/rsconcept/frontend/src/components/Common/DropdownButton.tsx
2023-09-02 01:11:27 +03:00

23 lines
592 B
TypeScript

interface DropdownButtonProps {
tooltip?: string | undefined
onClick?: () => void
disabled?: boolean
children: React.ReactNode
}
function DropdownButton({ tooltip, onClick, disabled, children }: DropdownButtonProps) {
const behavior = (onClick ? 'cursor-pointer disabled:cursor-not-allowed clr-hover' : 'cursor-default');
return (
<button
disabled={disabled}
title={tooltip}
onClick={onClick}
className={`px-3 py-1 text-left overflow-ellipsis ${behavior} whitespace-nowrap`}
>
{children}
</button>
);
}
export default DropdownButton;