mui-tiptap
Version:
A Material-UI (MUI) styled WYSIWYG rich text editor, using Tiptap
25 lines (24 loc) • 1.39 kB
TypeScript
import { type PopperProps } from "@mui/material/Popper";
import { type SxProps, type Theme } from "@mui/material/styles";
import { type ColorPickerPopperClasses } from "./ColorPickerPopper.classes";
import type { MenuButtonColorPickerProps } from "./MenuButtonColorPicker";
export interface ColorPickerPopperBodyProps extends Pick<MenuButtonColorPickerProps, "swatchColors" | "labels" | "ColorPickerProps"> {
/** The current color value. Must be a valid CSS color string. */
value: string;
/** Callback when the user is saving/changing the current color. */
onSave: (newColor: string) => void;
/** Callback when the user is canceling updates to the current color. */
onCancel: () => void;
}
export interface ColorPickerPopperProps extends Omit<PopperProps, "classes">, ColorPickerPopperBodyProps {
/** Override or extend existing styles. */
classes?: Partial<ColorPickerPopperClasses>;
/** Provide custom styles. */
sx?: SxProps<Theme>;
}
export declare function ColorPickerPopperBody({ value, onCancel, onSave, swatchColors, labels, ColorPickerProps, }: ColorPickerPopperBodyProps): import("react/jsx-runtime").JSX.Element;
/**
* Renders the ColorPicker inside of a Popper interface, for use with the
* MenuButtonColorPicker.
*/
export declare function ColorPickerPopper(inProps: ColorPickerPopperProps): import("react/jsx-runtime").JSX.Element;