import React from 'react';
import { UtensilsCrossed } from 'lucide-react';
import RestaurantPOS from '@/components/establishments/RestaurantPOS';

const Menu = () => {
  return (
    <div className="min-h-screen bg-gray-50 p-6">
      <div className="max-w-7xl mx-auto">
        <div className="flex items-center gap-3 mb-6">
          <UtensilsCrossed className="w-8 h-8 text-orange-600" />
          <div>
            <h1 className="text-3xl font-bold text-gray-900">Gestión de Menú</h1>
            <p className="text-gray-600">Administra el menú del restaurante</p>
          </div>
        </div>
        
        <RestaurantPOS />
      </div>
    </div>
  );
};

export default Menu;
