// File Path: monorepo/web/frontend/src/pages/Admin/TaskItem/Detail/Page.jsx
import React from "react";
import { UIXThemeProvider, useUIXTheme } from "../../../../components/UIX";

function AdminTaskItemDetailPage() {
  const { getThemeClasses } = useUIXTheme();

  return (
    <UIXThemeProvider>
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 sm:py-8">
        <h1 className={`text-2xl sm:text-3xl font-bold ${getThemeClasses("text-primary")}`}>
          Page title
        </h1>
        <p className={`mt-2 ${getThemeClasses("text-secondary")}`}>This is a placeholder page</p>
      </div>
    </UIXThemeProvider>
  );
}

export default AdminTaskItemDetailPage;
