import React from 'react';
import type { ComponentConfig } from '@measured/puck';
import type { EmailDividerProps } from './types';

/**
 * EmailDivider - Horizontal divider line
 *
 * Simple horizontal rule with email-safe styles.
 */
export const EmailDivider: ComponentConfig<EmailDividerProps> = {
  label: 'Email Divider',
  fields: {},
  defaultProps: {},
  render: () => {
    return (
      <hr
        style={{
          border: 0,
          borderTop: '1px solid #e5e7eb',
          margin: '24px 0',
        }}
      />
    );
  },
};

export default EmailDivider;
