import { INode } from '../../../types/node';
import style from './Item.module.scss';
import  Botao  from '../../../components/Botao/';
import BotaoImagem from '../../BotaoImagem';
import editar from '../../../assets/img/editar.svg';
import Label from '../../Label';
interface Props extends INode {
  selecionaNode: (nodeSelecionada: INode) => void
}

export default function ItemFinal(
  {
    codigoAtividade,
    ordem,
    posicao,
    nomeAtividade,
    tipo,
    selecionado,
    pais,
    selecionaNode
  }: Props) {
  return (
    <li
  
      onClick={() => selecionaNode(
        {
          codigoAtividade,
          ordem,
          posicao,
          nomeAtividade,
          tipo,
          selecionado,
          pais
        }
        )}
      >
    <div className={style.div}> 
    <Label tipo="f">
      Final
    </Label>
      <div className={style.item}> 
  
      
      <BotaoImagem tipo="detalhar">
      </BotaoImagem>
      <BotaoImagem tipo="editar">
      </BotaoImagem>
    
        <h3>{nomeAtividade}</h3>     
        </div>
     </div>   
    </li>
  
    )
}