21 lines
509 B
TypeScript
21 lines
509 B
TypeScript
import * as React from "react";
|
|
|
|
export interface LockableButtonProps {
|
|
onClick: Function;
|
|
disabled: boolean;
|
|
children?: React.ReactNode;
|
|
title?: string;
|
|
}
|
|
|
|
export function LockableButton(props: LockableButtonProps) {
|
|
const { onClick, disabled, children, title } = props;
|
|
const className = disabled ? "gray" : "yellow";
|
|
return <button
|
|
className={"fb-button " + className}
|
|
disabled={disabled}
|
|
title={title}
|
|
onClick={() => disabled ? "" : onClick()}>
|
|
{children}
|
|
</button>;
|
|
}
|