import { StyleSheet as RNStyleSheet } from "react-native";

import { CssInteropStyleSheet } from "../../types";

const documentStyle: CSSStyleDeclaration | undefined =
  globalThis.window?.getComputedStyle(
    globalThis.window?.document.documentElement,
  );

const commonStyleSheet: CssInteropStyleSheet = {
  getFlag(name) {
    return documentStyle?.getPropertyValue(`--css-interop-${name}`);
  },
  unstable_hook_onClassName() {},
  register(_options) {
    throw new Error("Stylesheet.register is not available on web");
  },
  registerCompiled(_options) {
    throw new Error("Stylesheet.registerCompiled is not available on web");
  },
  getGlobalStyle() {
    throw new Error("Stylesheet.getGlobalStyle is not available on web");
  },
};

export const StyleSheet = Object.assign({}, commonStyleSheet, RNStyleSheet);