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 ItemInicial(
  {
    codigoAtividade,
    ordem,
    posicao,
    nomeAtividade,
    tipo,
    selecionado,
    pais,
    selecionaNode
  }: Props) {
  return (
    <li
      className={style.div}
      onClick={() => selecionaNode(
        {
          codigoAtividade,
          ordem,
          posicao,
          nomeAtividade,
          tipo,
          selecionado,
          pais
        }
        )}
      >
    
  <div  className={style.item}>
     <Label tipo="i">
      Ínicio
    </Label> 

<BotaoImagem tipo="editar">
    </BotaoImagem>
    <BotaoImagem tipo="detalhar">
    </BotaoImagem>
    
      <h3>{nomeAtividade}</h3>     
    

      </div>
    </li>
  
    )
}