'use client';

import { FoxIconButton } from '@fox/core/components/fox-icon-button';
import { useFeedback } from '@/app/_hooks/use-feedback';
import type { Merchant } from '@/lib/domain/merchant';

interface MerchantRowActionsProps {
  merchant: Merchant;
}

/**
 * TODO(백엔드): 수정·삭제 API가 없다 — `/api/v1/mngr/voc`는 목록(`/pagination`)과 등록뿐이다.
 * 시안의 자리는 두되 눌러도 할 수 있는 일이 없어, 비활성 대신 사유를 알리도록 했다.
 */
export function MerchantRowActions({ merchant }: MerchantRowActionsProps) {
  const { showToast } = useFeedback();

  function notReady() {
    showToast({
      variant: 'warning',
      message: '가맹점 수정·삭제 기능은 백엔드 준비 중입니다.',
    });
  }

  return (
    <span aria-label={`${merchant.name} 관리`}>
      <FoxIconButton
        type="default"
        size="sm"
        icon={<i className="fox-ico fox-ico-PencilSimple" aria-hidden="true" />}
        label="수정"
        onAction={notReady}
      />
      <FoxIconButton
        type="default"
        size="sm"
        icon={<i className="fox-ico fox-ico-Trash" aria-hidden="true" />}
        label="삭제"
        onAction={notReady}
      />
    </span>
  );
}