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


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

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

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

export default cookies