import React from 'react';
import style from './Label.module.scss';

interface Props {
  tipo?: "i" | "f" | undefined,
  children?: React.ReactNode
}


function Label({ tipo, children }: Props) {
    let label;
   
    if (tipo === "i") {  
    label =    <button
   
    className={style.labelInicio}
  >
    {children}
  </button>;   
   } 
    else {   
      label =    <button
  
      className={style.labelFinal}
    >
      {children}
    </button>; 
     }
  return (
    <div className={style.divLabel} >
    {label}
    </div>
  )
}

export default Label;