import { useTenantConfig } from "@/layout/components/TenantConfig";

export const HeaderBar = () => {
  const { config: tenantConfig } = useTenantConfig();
  return (
    <div className="flex justify-between items-center mb-6">
      <h1 className="text-2xl font-bold text-gray-800 dark:text-gray-100">
        {tenantConfig.appName} Dashboard
      </h1>
      <button className="bg-primary hover:bg-primary-700 text-white px-4 py-2 rounded-md text-sm">
        + Add Organization
      </button>
    </div>
  );
};
