const prefix = 'ak-editor-sync-block';
export const SyncBlockSharedCssClassName = {
  prefix,
  renderer: `${prefix}__renderer`,
  error: `${prefix}__error_state`,
  loading: `${prefix}__loading_state`
};
export const SyncBlockRendererDataAttributeName = 'data-sync-block-renderer';
const bodiedPrefix = 'ak-editor-bodied-sync-block';
export const BodiedSyncBlockSharedCssClassName = {
  prefix: bodiedPrefix,
  renderer: `${bodiedPrefix}__renderer`,
  content: `${bodiedPrefix}__content`,
  selectionInside: `${bodiedPrefix}__selection_inside`
};

// Constant labelClassName value here has been inlined in css from EditorContentContainer, if you need to make
// update here, please also update packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
const labelClassName = 'ak-editor-sync-block__label';
export const SyncBlockLabelSharedCssClassName = {
  labelClassName
};
export const disabledClassName = 'disabled';
export const viewModeClassName = 'view-mode';
export const creationLoadingClassName = 'creation-loading';
export const draggingClassName = 'user-is-dragging';
export const SyncBlockStateCssClassName = {
  disabledClassName,
  viewModeClassName,
  creationLoadingClassName,
  draggingClassName
};