import { memo } from 'react';

interface DividerNodeProps {
  data: {
    isDark: boolean;
  };
}

export const DividerNode = memo(({ data }: DividerNodeProps) => {
  const { isDark } = data;

  return (
    <div
      style={{
        width: '100%',
        height: 2,
        background: isDark
          ? 'linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.1) 50%, transparent 100%)'
          : 'linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.08) 50%, transparent 100%)',
        pointerEvents: 'none',
      }}
    />
  );
});

DividerNode.displayName = 'DividerNode';
