Sha256: 53aef97df1f89bbc633bdc299b7bf896750719b82e243bbbd20fbd84885b204a
Contents?: true
Size: 923 Bytes
Versions: 90
Compression:
Stored size: 923 Bytes
Contents
import React from "react";
import Icon from "../../pb_icon/_icon";
import Flex from "../../pb_flex/_flex";
import Tooltip from "../../pb_tooltip/_tooltip";
type EditorButtonProps = {
classname?: string,
onclick?: () => {} | void,
icon?: string;
text?: string;
disable?: boolean
};
const EditorButton = ({
classname,
disable,
onclick,
icon,
text,
}: EditorButtonProps) => {
return (
<Tooltip
delay={{
open: 2000
}}
interaction
placement="top"
text={text}
>
<button
className={classname}
disabled={disable}
onClick={onclick}
role="button"
type="button"
>
<Flex
align="center"
className="toolbar_button_icon"
justify="center"
>
<Icon icon={icon} size="lg" />
</Flex>
</button>
</Tooltip>
);
};
export default EditorButton
Version data entries
90 entries across 90 versions & 1 rubygems