import CookieConsent from "react-cookie-consent";
import Link from "next/link";

const CookieBanner = () => {
    return (
        <CookieConsent
            style={{
                position: "inherit",
                background: "#f3f2f1",
                display: "block",
            }}
            containerClasses="app-cookie-banner"
            buttonClasses="govuk-button"
            buttonWrapperClasses="govuk-width-container consentBanner"
            declineButtonClasses="govuk-button"
            buttonText="Accept all cookies"
            disableStyles={true}
            enableDeclineButton={true}
            flipButtons={true}
            hideOnAccept={true}
            cookieName="planning_casework"
        >
            <div className="app-cookie-banner">
                <div
                    id="global-cookie-message"
                    className="govuk-clearfix"
                    data-module="cookie-banner"
                    role="region"
                    aria-label="cookie banner"
                    data-nosnippet=""
                >
                    <div className="govuk-width-container">
                        <div className="govuk-grid-row">
                            <div className="govuk-grid-column-two-thirds">
                                <div className="">
                                    <h2 className="govuk-heading-m">
                                        Tell us whether you accept cookies
                                    </h2>
                                    <p className="govuk-body">
                                        GOV.UK uses cookies which are essential
                                        for the site to work. We also use
                                        non-essential cookies to help us improve
                                        government digital services. Any data
                                        collected is anonymised. By continuing
                                        to use this site, you agree to our use
                                        of cookies.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </CookieConsent>
    );
};

export default CookieBanner;