/**
 * WordPress dependencies
 */
import { __ } from '@wordpress/i18n'
const {registerBlockType} = wp.blocks;

/**
 * Internal dependencies
 */
import blockAttributes from './data/attributes';
import GiveIcon from '@givewp/components/GiveIcon';
import ProgressBar from './edit';

/**
 * Required styles (both common and editor styles)
 */
import '../../../css/common.scss';
import '../../../css/editor.scss';

/**
 * Register Block
 */

export default registerBlockType('give/progress-bar', {
    apiVersion: 3,
    title: __('Progress Bar', 'give'),
    description: __(
        'The Progress Bar block displays progress made across donation forms towards a common goal.',
        'give'
    ),
    category: 'give',
    icon: <GiveIcon color="grey" />,
    keywords: [__('donation', 'give'), __('progress-bar', 'give')],
    attributes: blockAttributes,
    parent: ['give/multi-form-goal'],
    edit: ProgressBar,
});