import * as React from 'react';
import { Link } from '@nova-hf/ui';

import s from './ClaimList.module.scss';

interface IClaimListProps {
  children: React.ReactNode;
  color: string;
  onSelect(): any;
  title: string;
  buttonTitle: string;
}

export const ClaimList = ({ children, color, onSelect, title, buttonTitle }: IClaimListProps) => {
  return (
    <div className={s.claimList}>
      <div className={s.claimList__header}>
        <h2 className={s.claimList__title}>{title}</h2>
        {onSelect && (
          <Link className={s.claimList__button} onClick={onSelect} color={color} arrowRight>
            {buttonTitle}
          </Link>
        )}
      </div>
      <div className={s.claimList__items}>{children}</div>
    </div>
  );
};