import React, { FC, HTMLAttributes } from 'react';
import { range } from 'ramda';
import * as styles from './styles.scss';
import { Group } from '~/components/containers/Group';

type IProps = HTMLAttributes<HTMLDivElement> & {}

const NodeRelated: FC<IProps> = ({
  title,
}) => (
  <Group className={styles.wrap}>
    <div className={styles.title}>
      <div className={styles.line} />
      <div className={styles.text}>{title}</div>
      <div className={styles.line} />
    </div>
    <div className={styles.grid}>
      {
        range(1, 7).map(el => (<div className={styles.item} key={el} />))
      }
    </div>
  </Group>
);

export { NodeRelated };