import { LightningElement, api } from "lwc";
import cx from "classnames";

export default class CardPodcastEpisode extends LightningElement {
    @api body!: string;
    @api datetime!: string;
    @api dateTime?: string | null = null;
    @api href!: string;
    @api length!: string;
    @api target?: string | null = null;
    @api header!: string;

    private isLinkHovered: boolean = false;

    // LWC is being compiled so that datetime is being interpreted as date-time
    // ONLY from from the implementation in dx-card-podcast-episode-provider
    private get _datetime() {
        return this.datetime || this.dateTime;
    }

    private get className() {
        return cx(
            "card-podcast-episode",
            "dx-card-base_borderless",
            this.isLinkHovered && "dx-card-base_link-hovered"
        );
    }

    private setLinkHovered() {
        this.isLinkHovered = true;
    }

    private setLinkInactive() {
        this.isLinkHovered = false;
    }
}