export default function Static( {data}:any ) {
    return (
        <div className="js-static-container static-container rounded-[24px] bg-white pt-10 pb-8">
            <div className="js-static-content static-content px-6 text-16 leading-[22px] text-justify">
                <div suppressHydrationWarning 
                     dangerouslySetInnerHTML={{ __html: data }}/>
            </div>

            <div className="static-btn">
                <button
                    type="button"
                    aria-label="Xem thêm"
                    className="js-showmore-button"
                >
                    Xem thêm
                    <i className="bx bx-chevron-down" />
                </button>
                <button
                    type="button"
                    aria-label="Thu gọn"
                    className="js-showless-button"
                >
                    Thu gọn
                    <i className="bx bx-chevron-up" />
                </button>
            </div>
        </div>
    )
}