<StatamicBlock>

/**
 * The default fields that are provided by the "Helper: blok opties" fieldset in Statamic, when using our starter-kit.
 */
type 
StatamicBlockOptions
 = {
    /**
     * The background color for the block.
     *
     * This is added as a `data-background-color` attribute on the root element.
     */
    
background_color
: 
SelectFieldSingle
<string>;
    /**
     * The padding/spacing at the bottom of the block.
     *
     * This is added as a `data-spacing-bottom` attribute on the root element.
     */
    
padding_bottom
: 
ButtonGroupField
<"none" | "small" | "medium" | "large" | (string & {})>;
    /**
     * The padding/spacing at the top of the block.
     *
     * This is added as a `data-spacing-top` attribute on the root element.
     */
    
padding_top
: 
ButtonGroupField
<"none" | "small" | "medium" | "large" | (string & {})>;
    /**
     * An anchor ID for the block, used for navigation and linking.
     *
     * _If provided, this will be used as the `id` attribute instead of the block's Statamic ID._
     */
    
anchor
: 
TextField
;
};

/**
 * The props for the StatamicBlock component
 * @template T - The type of the block data
 * @template O - The type of the options
 */
type 
StatamicBlockProps
<
    
T
 extends 
Record
<string, any> = 
Record
<string, any>,
    
O
 extends 
Record
<string, any> = 
StatamicBlockOptions
,
> = {
    /**
     * The block data from Statamic
     *
     * _When using a {@link https://statamic.dev/fieldtypes/replicator|replicator} field, the `id` and `type` properties will be provided by Statamic._
     */
    
block
: {
        /**
         * The ID of the block.
         *
         * _Will always be provided by Statamic when using a {@link https://statamic.dev/fieldtypes/replicator|replicator} field._
         */
        
id
: 
TextField
;
        /**
         * The type of the block in snake_case.
         *
         * This is added as a `data-type` attribute on the root element.
         *
         * _Will always be provided by Statamic when using a {@link https://statamic.dev/fieldtypes/replicator|replicator} field._
         */
        
type
: 
NonNullable
<
TextField
>;
    } & 
O
 & 
T
;
    /**
     * The element or component this component should render as.
     *
     * Will prioritize components over elements when the name for both is the same.
     * @defaultValue "section"
     * @example
     * The following example will render the `Header` component if it exists in the project, otherwise it will render a `header` element.
     * ```vue
     * <template>
     *     <StatamicBlock :block as="header" />
     * </template>
     * ```
     */
    
as
?: 
AsTag
 | 
Component
;
} & 
Pick
<
PrimitiveProps
, "asChild">;