import React from 'react';
import styles from './DividerBlock.module.css';
import { DividerBlock as DividerBlockType } from '../../types/blocks';

interface DividerBlockProps {
  block: DividerBlockType;
}

const DividerBlock: React.FC<DividerBlockProps> = ({ block }) => {
  const { style } = block;
  const { margin = 16 } = style || {};

  return (
    <div 
      className={styles.divider}
      style={{ margin: `${margin}px 0` }}
    />
  );
};

export default DividerBlock;
