import type { SlashMenuTooltip } from '@blocksuite/affine-widget-slash-menu'; import { html } from 'lit'; // prettier-ignore const TextTooltip = html` In a decentralized system, we can have a kaleidoscopic complexity to our data. Any user may have a different perspective on what data they either have, choose to share, or accept. For example, one user’s edits to a document might be on their laptop on an airplane; when the plane lands and the computer reconnects, those changes are distributed to other users. Other users might choose to accept all, some, or none of those changes to their version of the document. `; // prettier-ignore const Heading1Tooltip = html` Heading 1 In a decentralized system, we can have a kaleidoscopic complexity to our data. Any user may have a different perspective on what data they either have, choose to share, or accept. For example, one user’s edits to a document might be on their laptop on an airplane; when the plane lands and the computer reconnects, those changes are distributed to other users. Other users might choose to accept all, some, or none of those changes to their version of the document. `; // prettier-ignore const Heading2Tooltip = html` Heading 2 In a decentralized system, we can have a kaleidoscopic complexity to our data. Any user may have a different perspective on what data they either have, choose to share, or accept. For example, one user’s edits to a document might be on their laptop on an airplane; when the plane lands and the computer reconnects, those changes are distributed to other users. Other users might choose to accept all, some, or none of those changes to their version of the document. `; // prettier-ignore const Heading3Tooltip = html` Heading 3 In a decentralized system, we can have a kaleidoscopic complexity to our data. Any user may have a different perspective on what data they either have, choose to share, or accept. For example, one user’s edits to a document might be on their laptop on an airplane; when the plane lands and the computer reconnects, those changes are distributed to other users. Other users might choose to accept all, some, or none of those changes to their version of the document. `; // prettier-ignore const Heading4Tooltip = html` Heading 4 In a decentralized system, we can have a kaleidoscopic complexity to our data. Any user may have a different perspective on what data they either have, choose to share, or accept. For example, one user’s edits to a document might be on their laptop on an airplane; when the plane lands and the computer reconnects, those changes are distributed to other users. Other users might choose to accept all, some, or none of those changes to their version of the document. `; // prettier-ignore const Heading5Tooltip = html` Heading 5 In a decentralized system, we can have a kaleidoscopic complexity to our data. Any user may have a different perspective on what data they either have, choose to share, or accept. For example, one user’s edits to a document might be on their laptop on an airplane; when the plane lands and the computer reconnects, those changes are distributed to other users. Other users might choose to accept all, some, or none of those changes to their version of the document. `; // prettier-ignore const Heading6Tooltip = html` Heading 6 In a decentralized system, we can have a kaleidoscopic complexity to our data. Any user may have a different perspective on what data they either have, choose to share, or accept. For example, one user’s edits to a document might be on their laptop on an airplane; when the plane lands and the computer reconnects, those changes are distributed to other users. Other users might choose to accept all, some, or none of those changes to their version of the document. `; // prettier-ignore const CodeBlockTooltip = html` : { helloTo "World" body: { () } } struct var=varsome\( ContentView View@StateView Text "Hello helloTo)!" `; // prettier-ignore const QuoteTooltip = html` In a decentralized system, we can have a kaleidoscopic complexity to our data. … `; // prettier-ignore const DividerTooltip = html` In a decentralized system, we can have a kaleidoscopic complexity to our data. Any user may have a different perspective on what data they either have, choose to share, or accept. For example, one user’s edits to a document might be on their laptop on an airplane; when the plane lands and the computer reconnects, those changes are distributed to other users. Other users might choose to accept all, some, or none of those changes to their version of the document. `; // prettier-ignore const BulletedListTooltip = html` Here's an example of a bulleted list. You can list your plans such as this `; // prettier-ignore const NumberedListTooltip = html` 1. Here's an example of a numbered list. 2. You can list your plans such as this `; // prettier-ignore export const BoldTextTooltip = html` Any user may have a different perspective on what data they either have, choose to share, or accept. For example, one user’s edits to a document might be on their laptop on an airplane; when the plane lands and the computer reconnects, those changes are distributed to other users. Other users might choose to accept all, some, or none of those changes to their version of the document. In a decentralized system, we can have a kaleidoscopic complexity to our data. `; // prettier-ignore export const ItalicTooltip = html` Any user may have a different perspective on what data they either have, choose to share, or accept. For example, one user’s edits to a document might be on their laptop on an airplane; when the plane lands and the computer reconnects, those changes are distributed to other users. Other users might choose to accept all, some, or none of those changes to their version of the document. In a decentralized system, we can have a kaleidoscopic complexity to our data. `; // prettier-ignore export const StrikethroughTooltip = html` Any user may have a different perspective on what data they either have, choose to share, or accept. For example, one user’s edits to a document might be on their laptop on an airplane; when the plane lands and the computer reconnects, those changes are distributed to other users. Other users might choose to accept all, some, or none of those changes to their version of the document. In a decentralized system, we can have a kaleidoscopic complexity to our data. `; // prettier-ignore export const UnderlineTooltip = html` Any user may have a different perspective on what data they either have, choose to share, or accept. For example, one user’s edits to a document might be on their laptop on an airplane; when the plane lands and the computer reconnects, those changes are distributed to other users. Other users might choose to accept all, some, or none of those changes to their version of the document. In a decentralized system, we can have a kaleidoscopic complexity to our data. `; // prettier-ignore export const TodoTooltip = html` Here is an example of todo list. Make a list for building preview. ` export const tooltips: Record = { Text: { figure: TextTooltip, caption: 'Text', }, 'Heading 1': { figure: Heading1Tooltip, caption: 'Heading #1', }, 'Heading 2': { figure: Heading2Tooltip, caption: 'Heading #2', }, 'Heading 3': { figure: Heading3Tooltip, caption: 'Heading #3', }, 'Heading 4': { figure: Heading4Tooltip, caption: 'Heading #4', }, 'Heading 5': { figure: Heading5Tooltip, caption: 'Heading #5', }, 'Heading 6': { figure: Heading6Tooltip, caption: 'Heading #6', }, 'Code Block': { figure: CodeBlockTooltip, caption: 'Code Block', }, Quote: { figure: QuoteTooltip, caption: 'Quote', }, Divider: { figure: DividerTooltip, caption: 'Divider', }, 'Bulleted List': { figure: BulletedListTooltip, caption: 'Bulleted List', }, 'Numbered List': { figure: NumberedListTooltip, caption: 'Numbered List', }, Bold: { figure: BoldTextTooltip, caption: 'Bold Text', }, Italic: { figure: ItalicTooltip, caption: 'Italic', }, Underline: { figure: UnderlineTooltip, caption: 'Underline', }, Strikethrough: { figure: StrikethroughTooltip, caption: 'Strikethrough', }, 'To-do List': { figure: TodoTooltip, caption: 'To-do List', }, };