import { createBoard } from '@wixc3/react-board';
import { Classes, Tooltip } from '@blueprintjs/core';

// board cover
import cover from '../../../../assets/tooltip/inline-tooltip.svg';

export default createBoard({
    name: 'Tooltip - inline',
    Board: () => {
        return (
            <span>
                Inline text can have{' '}
                <Tooltip
                    className={Classes.TOOLTIP_INDICATOR}
                    content={
                        <span>
                            Tooltip on <strong>top</strong>
                        </span>
                    }
                    position="top"
                >
                    a tooltip
                </Tooltip>
            </span>
        );
    },
    tags: ['inline', 'tooltip'],
    cover,
});
