import React from 'react';
import {PreLoginSetting} from "../../models/EgovUser";
import GuideHelperAlt from "../UI/GuideHelperAlt/GuideHelperAlt";

type PreoLoginSettinsBannerProps = {

    settings: PreLoginSetting[]
}

const PreLoginSettingsBanner = ({settings}: PreoLoginSettinsBannerProps) => {

    return (
        <div style={{maxWidth: '570px'}}>
            {
                settings.map((set, index) =>
                    <GuideHelperAlt key={index}><p>{set.message}</p></GuideHelperAlt>
                )
            }
        </div>
    );
}

export default PreLoginSettingsBanner;