mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
34 lines
781 B
TypeScript
34 lines
781 B
TypeScript
import * as React from "react";
|
|
|
|
type HeaderButtonProps = {
|
|
Icon: any;
|
|
label: string;
|
|
disabled?: boolean;
|
|
onClick: () => void;
|
|
className?: string;
|
|
position?: "normal" | "reverse";
|
|
};
|
|
|
|
export const HeaderButton = ({
|
|
Icon,
|
|
label,
|
|
disabled = false,
|
|
onClick,
|
|
className = "",
|
|
position = "normal",
|
|
}: HeaderButtonProps) => (
|
|
<>
|
|
<button
|
|
type="button"
|
|
className={`whitespace-nowraps flex w-min items-center gap-x-1 whitespace-nowrap rounded-md border p-2 text-xs font-medium text-gray-600 outline-none hover:bg-gray-100 hover:text-gray-900 ${
|
|
position === "reverse" && "flex-row-reverse"
|
|
} ${className}`}
|
|
disabled={disabled}
|
|
onClick={onClick}
|
|
>
|
|
<Icon className="h-4 w-4" />
|
|
{label}
|
|
</button>
|
|
</>
|
|
);
|