import { Property } from "csstype";
import React from "react";

export interface IAndroidMockupVariantProps {
	readonly screenWidth: number;
	/** default: true */
	readonly screenRounded: boolean;
	/** default: "#666666" */
	readonly frameColor: Property.Color;
	/** default: false */
	readonly frameOnly: boolean;
	/** default: "#CCCCCC" */
	readonly statusbarColor: Property.Color;
	/** default: "#CCCCCC" */
	readonly navigationBarColor: Property.Color;
	/** default: "swipe" */
	readonly navigationBar: "swipe" | "bhr" | "rhb";
	/** default: false */
	readonly hideStatusBar: boolean;
	/** default: false */
	readonly transparentNavigationBar: boolean;
	/** default: false */
	readonly hideNavigationBar: boolean;
}

export interface IIosMockupVariantProps {
	readonly screenWidth: number;
	/** default: "#666666" */
	readonly frameColor: Property.Color;
	/** default: false */
	readonly frameOnly: boolean;
	/** default: "#CCCCCC" */
	readonly statusbarColor: Property.Color;
	/** default: false */
	readonly hideStatusBar: boolean;
	/** default: false */
	readonly transparentNavigationBar: boolean;
	/** default: false */
	readonly hideNavigationBar: boolean;
}

type CSSProperties = {
	[key: string]: React.CSSProperties;
};

export class StyleSheet {
	static create<Styles extends CSSProperties>(styles: Styles): Styles {
		return styles;
	}
}