// divider block — a pure spacer / horizontal rule. No props, so its editor is
// just a note.
import { registerBlock } from '../registry'

function DividerBlock() {
  return <hr className="page-divider" />
}

function DividerEditor() {
  return (
    <p className="sans dim" style={{ margin: 0, fontSize: '0.85rem' }}>
      A divider has no options — it adds a horizontal rule and spacing.
    </p>
  )
}

registerBlock({
  type: 'divider',
  version: 1,
  label: 'Divider',
  icon: '—',
  component: DividerBlock,
  editor: DividerEditor,
  defaults: () => ({}),
})
