import { ClassName, InputTexts } from "@helpers/types"; import { ReactNode } from "react"; type ToolbarButtonType = "bold" | "italic" | "underline" | "fontSize" | "fontColor" | "alignLeft" | "alignRight" | "alignCenter" | "alignJustify" | "orderedList" | "bulletedList" | "link" | "image" | "video" | "code"; export type ToolbarSectionType = ToolbarButtonType[]; export type WYSIWYGEditorBordersType = "light" | "dark"; export interface IToolbarButtonsProps { colors?: string[]; index?: number; disabled?: boolean; } export interface IToolbarProps extends IToolbarButtonsProps { sections?: ToolbarSectionType[]; disabled?: boolean; } export interface IWYSIWYGEditorProps extends ClassName, IToolbarProps, InputTexts { value: string; setValue: (value: string) => void; inputPlaceholder?: string; borderVariant?: WYSIWYGEditorBordersType; disabled?: boolean; id: string; } export interface IToolbarSectionProps { children: ReactNode; } export {};