import React from 'react';
import BulkSessionsCard from 'src/components/bulkSessionsCard';
import { ButtonType, IconType } from 'src/components/bulkSessionsCard/types';

interface ProductCreationFailedCardProps {
    createdAt: string;
    fileName: string;
    ingestionId: string;
}

const ProductCreationFailedCard = ({
    createdAt,
    fileName,
    ingestionId,
}: ProductCreationFailedCardProps) => {
    return (
        <BulkSessionsCard
            titleText={$t(
                'bulkDigitalAudioSidecar.productCreationFailedCard.title'
            )}
            bodyText={$t(
                'bulkDigitalAudioSidecar.productCreationFailedCard.body'
            )}
            iconType={IconType.Failure}
            buttonType={ButtonType.Report}
            createdAt={createdAt}
            fileName={fileName}
            ingestionId={ingestionId || ''}
        />
    );
};

export default ProductCreationFailedCard;