import React from 'react';
import { Menu } from 'lucide-react';

const Nav = ({ children }: { children: React.ReactNode }) => {
  return (
    <nav>
      <div className='hidden lg:flex gap-2'>{children}</div>
      <span className='cursor-pointer lg:hidden'>
        <Menu />
      </span>
    </nav>
  );
};

export { Nav };
