siakad-itm/resources/js/components/page-header.tsx
Yoga Pangestu 1b5510b4e5
Some checks failed
tests / ci (pull_request) Has been cancelled
feat: add reusable components for dialogs and headers
- Implemented DeleteConfirmDialog for confirming deletions.
- Created FormDialog for handling forms within dialogs.
- Added PageHeader component for consistent page headers.
- Introduced RowActions component for action buttons with tooltips.
- Added useServerTable hook for managing server-side table interactions.
- Updated DatePicker component with default month and dropdown caption layout.
- Removed outdated data.json file.
2026-08-05 13:46:38 +07:00

22 lines
529 B
TypeScript

import type { ReactNode } from 'react';
type PageHeaderProps = {
title: string;
description?: ReactNode;
actions?: ReactNode;
};
export function PageHeader({ title, description, actions }: PageHeaderProps) {
return (
<div className="flex items-center justify-between">
<div>
<h2 className="text-2xl font-semibold tracking-tight">
{title}
</h2>
{description}
</div>
{actions}
</div>
);
}