'use client';

import React from 'react';

import Button, { ButtonSize, ButtonVariant } from '@/components/button/Button';
import { CopyIcon, RepeatIcon } from '@/icons';

export interface QuickActionsBarProps {
  onRegenerate: () => void;
  onReusePrompt: () => void;
  disabled: boolean;
}

export function QuickActionsBar({
  onRegenerate,
  onReusePrompt,
  disabled,
}: QuickActionsBarProps) {
  return (
    <div className='mb-6 rounded-lg border border-border-primary bg-background-tertiary p-4 text-foreground-primary'>
      <div className='flex flex-wrap items-center justify-between gap-4'>
        <h2 className='font-semibold'>Quick actions</h2>
        <div className='flex items-center gap-2'>
          <Button
            onClick={onRegenerate}
            disabled={disabled}
            variant={ButtonVariant.Primary}
            size={ButtonSize.Small}
            iconStart={RepeatIcon}
            title='Create a new project and start generation again'
          >
            Regenerate
          </Button>
          <Button
            onClick={onReusePrompt}
            disabled={disabled}
            variant={ButtonVariant.Secondary}
            size={ButtonSize.Small}
            iconStart={CopyIcon}
            title='Open a new project prefilled with these settings'
          >
            Reuse prompt
          </Button>
        </div>
      </div>
    </div>
  );
}