33 lines
771 B
TypeScript
33 lines
771 B
TypeScript
'use client';
|
|
|
|
import * as React from 'react';
|
|
|
|
import { useIndentButton, useOutdentButton } from '@platejs/indent/react';
|
|
import { IndentIcon, OutdentIcon } from 'lucide-react';
|
|
|
|
import { ToolbarButton } from './toolbar';
|
|
|
|
export function IndentToolbarButton(
|
|
props: React.ComponentProps<typeof ToolbarButton>
|
|
) {
|
|
const { props: buttonProps } = useIndentButton();
|
|
|
|
return (
|
|
<ToolbarButton {...props} {...buttonProps} tooltip="Indent">
|
|
<IndentIcon />
|
|
</ToolbarButton>
|
|
);
|
|
}
|
|
|
|
export function OutdentToolbarButton(
|
|
props: React.ComponentProps<typeof ToolbarButton>
|
|
) {
|
|
const { props: buttonProps } = useOutdentButton();
|
|
|
|
return (
|
|
<ToolbarButton {...props} {...buttonProps} tooltip="Outdent">
|
|
<OutdentIcon />
|
|
</ToolbarButton>
|
|
);
|
|
}
|