fonteva-design-guide/force-app/main/default/lwc/pfmToast/pfmToast.html

## Dev, Build and Test

<template>
    <template iterator:it={toastList}>
        <div class={it.value.classes} key={it.value.id} data-id={it.value.id}>
            <div class="pfm-toast_content">
                <div class="pfm-toast_action">
                    <a onclick={hide} data-target={it.value.id}>
                        <lightning-icon
                            icon-name="utility:close"
                            size="x-small"
                            variant={it.value.iconColor}
                        ></lightning-icon>
                    </a>
                </div>
                <div class="pfm-toast_message">
                    <c-pfm-text type="heading" size="medium" color={textColor}>
                        {it.value.titleStr}
                    </c-pfm-text>
                    <c-pfm-text color={textColor} margin="top:small">
                        {it.value.messageStr}
                    </c-pfm-text>
                    <c-pfm-text color={textColor} if:true={it.value.footerStr} margin="top:small">
                        {it.value.footerStr}
                    </c-pfm-text>
                </div>
                <div class="pfm-toast_progress" style={it.value.duration}></div>
            </div>
        </div>
    </template>
</template>