'use client';

import { useRouter } from 'next/navigation';
import { FoxButton } from '@fox/core/components/fox-button';
import { FoxButtonGroup } from '@fox/core/components/fox-button-group';
import { FoxButtonPanel } from '@fox/core/components/fox-button-panel';

interface ContentFormActionsProps {
  submitLabel: string;
  listHref: string;
  pending: boolean;
}

/** 폼 하단의 [목록] [등록/수정] — 시안 btn-page(5402:12368). 그룹이 하나라 패널이 가운데 세운다. */
export function ContentFormActions({
  submitLabel,
  listHref,
  pending,
}: ContentFormActionsProps) {
  const router = useRouter();

  return (
    <FoxButtonPanel>
      <FoxButtonGroup size="lg">
        <FoxButton
          type="default"
          size="lg"
          label="목록"
          onAction={() => router.push(listHref)}
        />
        <FoxButton
          type="primary"
          size="lg"
          htmlType="submit"
          label={submitLabel}
          loading={pending}
        />
      </FoxButtonGroup>
    </FoxButtonPanel>
  );
}