import { default as GlobalStyles } from '../styles/Global'
import React from 'react'
import { ServerStyleSheet } from 'styled-components'
import { renderToString } from 'react-dom/server'
import { useState } from 'react'

const ReturnCss = () => {
  const sheet = new ServerStyleSheet()

  const html = renderToString(sheet.collectStyles(<GlobalStyles />))
  const styleTags = sheet.getStyleElement()
  sheet.instance.clearTag()

  return styleTags[0]
}

export default ReturnCss

export const ReturnCssString = () => {
  const sheet = new ServerStyleSheet()

  const html = renderToString(sheet.collectStyles(<GlobalStyles />))
  const styleTags = sheet.getStyleElement()
  sheet.instance.clearTag()

  return styleTags[0].props.dangerouslySetInnerHTML.__html
}