import React, { CSSProperties } from 'react';

import Handle from '../../components/Handle';
import { NodeProps, Position } from '../../types';

const nodeStyles: CSSProperties = {
  background: '#55dd99',
  padding: 10,
  borderRadius: 5,
  width: 150,
};

export default ({ data, style, targetPosition = Position.Top }: NodeProps) => (
  <div style={{ ...nodeStyles, ...style }}>
    <Handle type="target" position={targetPosition} />
    {data.label}
  </div>
);