<script>
  import { _ } from "svelte-i18n";
  import TableActions from "../shared/TableActions.svelte";

  export let detailsLink;
  export let detailsAction;
  export let deleteEnabled;
  export let deleteAction;
  export let paymentAction;
</script>

{#if paymentAction}
<button
  on:click={paymentAction}
  class="text-[#025a21] hover:text-green-900 mr-4">{$_("enter-payment")}</button
>
{:else}
<span class="inline-block opacity-0 cursor-default mr-4" style="">{$_("enter-payment")}</span>

{/if}
<TableActions
  bind:detailsAction
  bind:detailsLink
  bind:deleteAction
  bind:deleteEnabled
/>
