export function SpaceNav() {
  return (
    <div className="flex justify-between px-4 py-2 space-x-4">
      {["PERSONAL SPACE", "LEARNING SPACE", "COMMUN SPACE", "LEISURE SPACE"].map((space) => (
        <button
          key={space}
          className="px-6 py-2 text-sm font-medium text-gray-900 bg-white rounded-md hover:bg-gray-50"
        >
          {space}
        </button>
      ))}
    </div>
  )
}