import { Fragment } from "react" ; import { Anchor , Area } from "spatial-keyboard-navigation-react" ; const Header = ( { area } ) => { const MaybeArea = area ? Area : Fragment ; return ( < MaybeArea > < header className = "col-span-4 p-5 flex justify-between" > < Anchor > < a href = "" className = "text-gray-500" > Reminder < /a> < /Anchor> < Anchor > < button className = "bg-gray-50 text-gray-500 flex rounded-full w-10 h-10 text-2xl mr-24" > < span className = "m-auto" > + < /span> < /button> < /Anchor> < /header> < /MaybeArea>); } ; export default Header ;