import { useIsMobile } from "@/hooks/use-is-mobile";

function ResponsiveComponent() {
  const isMobile = useIsMobile();

  return (
    <div>
      <p>Device type: {isMobile ? "Mobile" : "Desktop"}</p>
      {isMobile ? (
        <div>
          <h2>Mobile View</h2>
          <p>Simplified mobile interface</p>
        </div>
      ) : (
        <div>
          <h2>Desktop View</h2>
          <p>Full desktop interface with sidebar</p>
        </div>
      )}
    </div>
  );
}