/**
 * DevExtreme HtmlEditor için standart araç çubuğu.
 * NoteModal ve TodoBoard içinde birebir aynı ~40 satırlık tanım tekrar ediyordu.
 */
import { Item, Toolbar } from 'devextreme-react/html-editor'
import {
  fontFamilyOptions,
  fontSizeOptions,
  fontValues,
  headerOptions,
  headerValues,
  sizeValues,
} from '@/proxy/reports/data'

export const HtmlEditorToolbar = () => (
  <Toolbar multiline>
    <Item name="undo" />
    <Item name="redo" />
    <Item name="separator" />
    <Item name="size" acceptedValues={sizeValues} options={fontSizeOptions} />
    <Item name="font" acceptedValues={fontValues} options={fontFamilyOptions} />
    <Item name="separator" />
    <Item name="bold" />
    <Item name="italic" />
    <Item name="underline" />
    <Item name="strike" />
    <Item name="separator" />
    <Item name="orderedList" />
    <Item name="bulletList" />
    <Item name="separator" />
    <Item name="header" acceptedValues={headerValues} options={headerOptions} />
    <Item name="separator" />
    <Item name="color" />
    <Item name="background" />
    <Item name="separator" />
    <Item name="alignLeft" />
    <Item name="alignCenter" />
    <Item name="alignRight" />
    <Item name="alignJustify" />
    <Item name="separator" />
    <Item name="link" />
    <Item name="image" />
    <Item name="separator" />
    <Item name="clear" />
  </Toolbar>
)