Component for HTML dialog to display animal info

AnimalDialog.js

import React from "react"

export default ({toggleDialog, animal}) => {
    return (
        <dialog id="dialog--animal">
            <h2>
                Medical History for {animal.name}
            </h2>
            {
                animal.treatments.map(t => (
                    <div key={t.id}>
                        <h4>{t.timestamp}</h4>
                        <p>{t.description}</p>
                    </div>
                ))
            }
            <button style={{
                    position: "absolute",
                    top: "1em",
                    right: "2em"
                }}
                onClick={toggleDialog}>close</button>
        </dialog>
    )
}