import type { FC } from 'react';
import React from 'react';
import { TrackOfferType } from 'src/data/globalTypes';
import type { ProductField } from 'src/product/fields/field';

interface Props {
    ownershipRights: ProductField<string>;
    offerType: ProductField<string>;
}

const CLASS_NAME = 'ProductTrackRightsAttributes';

const ProductTrackRightsAttributes: FC<Props> = ({
    ownershipRights,
    offerType,
}) => {
    const exclusivity = ownershipRights.get();
    const trackOfferType = offerType.get();

    let exclusivityDisplayValue = 'Non Exclusive';
    if (
        exclusivity !== null &&
        (exclusivity === 'original_owner' ||
            exclusivity === 'exclusive_licensee' ||
            exclusivity === 'acquired_rights')
    ) {
        exclusivityDisplayValue = 'Exclusive';
    }

    let eligibilityDisplayValue = 'Ineligible Offer Type';
    if (
        trackOfferType !== null &&
        (trackOfferType === TrackOfferType.ALL ||
            trackOfferType === TrackOfferType.STREAM_ONLY ||
            trackOfferType === TrackOfferType.TRACK_DOWNLOAD_STREAM)
    ) {
        eligibilityDisplayValue = 'Eligible Offer Type';
    }
    return (
        <div
            className={`${CLASS_NAME}-wrapper`}
        >{`${exclusivityDisplayValue}, ${eligibilityDisplayValue}`}</div>
    );
};
export default ProductTrackRightsAttributes;