import React from 'react'
import { registerBlockType, BlockConfiguration } from '@wordpress/blocks'
import { registerPlugin } from "@wordpress/plugins";

import EmbedBlock from "./Components/EmbedBlockComponent/EmbedBlockComponent"
import VideoSearch from "./Components/VideoSearchComponent/VideoSearchComponent"

/**
 * This BlockConfiguration to make the TS knows what is the data type.
 * If we don't put it like this, it will be error when we `registerBlockType()`
 */

registerBlockType('dm-pro/embed-video', EmbedBlock)
registerPlugin('dm-pro-video-search', {
    render: VideoSearch
})