/**
 * Registers a new block provided a unique name and an object defining its behavior.
 *
 * @see https://developer.wordpress.org/block-editor/developers/block-api/#registering-a-block
 */
import { registerBlockType } from "@wordpress/blocks";
import {InnerBlocks, useBlockProps} from '@wordpress/block-editor';
import deprecated from "./deprecated";

/**
 * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files.
 * All files containing `style` keyword are bundled together. The code used
 * gets applied both to the front of your site and to the editor. All other files
 * get applied to the editor only.
 *
 * @see https://www.npmjs.com/package/@wordpress/scripts#using-css
 */
// import "./editor.scss";

/**
 * Internal dependencies
 */
// import Edit from "./edit";
// import Save from "./save";
// import metadata from "./block.json";

registerBlockType( 'ucla-wordpress-plugin/accordion-item', {
  title: 'Accordion Item (Deprecated)',
  category: 'ucla-design-system-components',
  supports: {
    inserter: false,
    html: false,
  },
  attributes: {
    accordionHeading: {type: 'string'},
    accordionHeadingLevel: {type: 'number', default: 4}
  },
  edit() {
    return <div { ...useBlockProps() } />;
  },

  // For dynamic blocks: return null
  save() {
    return <InnerBlocks.Content />;
  },
  deprecated
});
