import React from 'react'
import { obterAutorPorId } from '../../http'
import { useQuery } from '@tanstack/react-query'
import './Sobre.css'
interface SobreProps {
titulo: string
idAutor?: number
texto?: string
}
function Sobre({ titulo, idAutor, texto }: SobreProps) {
const { data: autor } = useQuery(['autorPorId', idAutor], () => obterAutorPorId(idAutor || 0))
if(idAutor) return (
<>
<h3>{`Sobre o ${titulo}`}</h3>
<p>{autor?.sobre}</p>
</>
); else if(texto) return (
<>
<h3>{`Sobre o ${titulo}`}</h3>
<p>{texto}</p>
</>
); return <></>;
}
export default Sobre