lti-web-client/src/components/helper/form/FormHeader.tsx

import Button from '@/components/Button';
import { Icon } from '@iconify/react';

interface FormHeaderProps {
  type: 'add' | 'edit' | 'detail';
  title: string;
  backUrl: string;
}

export const FormHeader = ({ type, title, backUrl }: FormHeaderProps) => {
  return (
    <header className='flex flex-col gap-4'>
      <Button href={backUrl} variant='link' className='w-fit p-0 text-primary'>
        <Icon icon='uil:arrow-left' width={24} height={24} />
        Kembali
      </Button>
      <h1 className='text-2xl font-bold text-center'>
        {type === 'add' && `Tambah ${title}`}
        {type === 'edit' && `Edit ${title}`}
        {type === 'detail' && `Detail ${title}`}
      </h1>
    </header>
  );
};