'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 styles from './content-form.module.scss';

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

/** 폼 하단의 [목록] [등록/수정]. 시안이 가운데 정렬이다. */
export function ContentFormActions({
  submitLabel,
  listHref,
  pending,
}: ContentFormActionsProps) {
  const router = useRouter();

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