import { registerBlockType } from '@wordpress/blocks';
import Edit from './edit';
import save from './save';
import blockData from './block.json';
import './style.css';

registerBlockType(blockData, {
    icon: (
        <svg viewBox="0 0 24 24">
            <rect x="6" y="4" width="10" height="14" rx="1" fill="none" stroke="currentColor" strokeWidth="1.5" transform="rotate(-15, 11, 11)"/>
            <rect x="7" y="4" width="10" height="14" rx="1" fill="#fff" stroke="currentColor" strokeWidth="1.5"/>
            <rect x="8" y="4" width="10" height="14" rx="1" fill="none" stroke="currentColor" strokeWidth="1.5" transform="rotate(15, 13, 11)"/>
            <polygon points="12,6 12.7,9 16,9 13.2,10.8 14,14 12,12 10,14 10.8,10.8 8,9 11.3,9" fill="currentColor"/>
        </svg>
    ),
    edit: Edit,
    save: save
});