import Edit from './edit';
import metadata from './block.json';

import { registerBlockType } from '@wordpress/blocks';

registerBlockType(metadata.name, {
    icon: (
        <svg viewBox="0 0 24 24">
            {/* Two overlapping circles representing synastry */}
            <circle cx="9" cy="12" r="7" fill="none" stroke="currentColor" strokeWidth="1.5"/>
            <circle cx="15" cy="12" r="7" fill="none" stroke="currentColor" strokeWidth="1.5"/>
            {/* Inner circles */}
            <circle cx="9" cy="12" r="3" fill="none" stroke="currentColor" strokeWidth="1"/>
            <circle cx="15" cy="12" r="3" fill="none" stroke="currentColor" strokeWidth="1"/>
            {/* Center points */}
            <circle cx="9" cy="12" r="1" fill="currentColor"/>
            <circle cx="15" cy="12" r="1" fill="currentColor"/>
            {/* Connection line */}
            <line x1="12" y1="9" x2="12" y2="15" stroke="currentColor" strokeWidth="0.5" strokeDasharray="1,1"/>
        </svg>
    ),
    edit: Edit,
    save: () => null,
});