import React from "react";
/** Checkbox com rótulo e descrição. */
export function Caixa({ nome, rotulo, descricao, id, className = "", ...rest }) {
  const idc = id || "caixa-" + nome;
  return (
    <label className={"ach-caixa " + className} htmlFor={idc}>
      <input id={idc} type="checkbox" name={nome} {...rest} />
      <span className="ach-caixa__texto">
        <span className="ach-caixa__rotulo">{rotulo}</span>
        {descricao && <span className="ach-caixa__descricao">{descricao}</span>}
      </span>
    </label>
  );
}