import type { CollapsibleProps } from '@payloadcms/ui/elements/Collapsible'; import type { ClientField, FormState } from 'payload'; import React from 'react'; export type BlockCollapsibleProps = { /** * Replace the top-right portion of the header that renders the Edit and Remove buttons with custom content. * If this property is provided, the `removeButton` and `editButton` properties are ignored. */ Actions?: React.ReactNode; children?: React.ReactNode; /** * Additional className to the collapsible wrapper */ className?: string; /** * Props to pass to the underlying Collapsible component. You could use this to override the `Header` entirely, for example. */ collapsibleProps?: Partial; /** * Whether to disable rendering the block name field in the header Label * @default false */ disableBlockName?: boolean; /** * Whether to show the Edit button * If `Actions` is provided, this property is ignored. * @default true */ editButton?: boolean; /** * Replace the default Label component with a custom Label */ Label?: React.ReactNode; /** * Replace the default Pill component component that's rendered within the default Label component with a custom Pill. * This property has no effect if you provide a custom Label component via the `Label` property. */ Pill?: React.ReactNode; /** * Whether to show the Remove button * If `Actions` is provided, this property is ignored. * @default true */ removeButton?: boolean; }; export type BlockCollapsibleWithErrorProps = { errorCount?: number; fieldHasErrors?: boolean; } & BlockCollapsibleProps; export type BlockContentProps = { baseClass: string; BlockDrawer: React.FC; Collapsible: React.FC; CustomBlock: React.ReactNode; EditButton: React.FC; errorCount: number; formSchema: ClientField[]; initialState: false | FormState | undefined; nodeKey: string; RemoveButton: React.FC; }; type BlockComponentContextType = { BlockCollapsible: React.FC; } & Omit; export declare const useBlockComponentContext: () => BlockComponentContextType; /** * The actual content of the Block. This should be INSIDE a Form component, * scoped to the block. All format operations in here are thus scoped to the block's form, and * not the whole document. */ export declare const BlockContent: React.FC; export {}; //# sourceMappingURL=BlockContent.d.ts.map