import React from 'react'
import { Content } from "@onegeo/gatsby-theme-onegeo";
import { CookiesComponent } from "@onegeo/gatsby-theme-onegeo";
import { Link } from "gatsby";


const cookies = () => {
  return (
    <Content>
    <div className="prose">
      <Link to="/doc/core">Retour</Link>

      <h1>Cookies</h1>
      <h2>Props</h2>
      <div className="mockup-code">
        <pre>
          <code>
            {`interface Icookies {
                location?: string,
                buttonText?: string,
                cookieName?: string,
                expires?: number,
                styles: any,
                buttonStyles: any
            }`}
          </code>
        </pre>
      </div>

      <h2>Example</h2>
    </div>
    <div className="flex gap-6 m-4">
        <CookiesComponent declineButtonStyle={{color: "#4e503b", fontSize: "13px"}} buttonStyles={ {color: "#4e503b", fontSize: "13px"} } styles={{ background: "#2B373B" }}/>
    </div>
  </Content>
  )
}

export default cookies