import {
  type GetDrawerConfiguration,
  useDrawerV2,
} from '@material-hu/hooks/useDrawerV2';

import { type SecurityActivity } from 'src/types/insights';
import { useLokaliseTranslation } from 'src/utils/i18n';

import ActivityRecordDrawerContent from '../components/ActivityRecord/ActivityRecordDrawerContent';

type Props = {
  activity: SecurityActivity;
};

const useActivityDetailDrawer: GetDrawerConfiguration<Props> = ({
  activity,
  closeDrawer,
}) => {
  const { t } = useLokaliseTranslation('settings');

  return {
    title: t('security.activity_record_tab.activity_details'),
    onClose: closeDrawer,
    primaryButtonProps: {
      children: t('general:close'),
      onClick: closeDrawer,
      fullWidth: true,
    },
    children: <ActivityRecordDrawerContent activity={activity} />,
  };
};

export default () => useDrawerV2(useActivityDetailDrawer);