import BottomNavigation from '../BottomNavigation';

export default function BottomNavigationExample() {
  return (
    <div className="relative h-[400px] bg-muted/20">
      <div className="p-4">
        <h3 className="text-lg font-semibold mb-2">App Content Area</h3>
        <p className="text-muted-foreground">
          This is where your main app content would be displayed. 
          The bottom navigation is fixed at the bottom of the screen.
        </p>
      </div>
      
      <BottomNavigation />
    </div>
  );
}