import type { ImageStyle, TextStyle, ViewStyle } from "react-native";

export type NamedStyles<T> = { [P in keyof T]: ViewStyle | TextStyle | ImageStyle | any };
export const enum responsiveCreateEnum {
    width,
    mixin,
    height,
    fontSize,
    margin,
    padding,
    borderRadius,
    borderWidth
}
export const responsiveAllowList: Record<string, responsiveCreateEnum> = {
    top: responsiveCreateEnum.mixin,
    bottom: responsiveCreateEnum.mixin,
    left: responsiveCreateEnum.mixin,
    right: responsiveCreateEnum.mixin,
    maxHeight: responsiveCreateEnum.height,
    maxWidth: responsiveCreateEnum.width,
    minHeight: responsiveCreateEnum.height,
    minWidth: responsiveCreateEnum.width,
    width: responsiveCreateEnum.width,
    height: responsiveCreateEnum.height,
    fontSize: responsiveCreateEnum.fontSize,
    margin: responsiveCreateEnum.margin,
    marginTop: responsiveCreateEnum.margin,
    marginBottom: responsiveCreateEnum.margin,
    marginRight: responsiveCreateEnum.margin,
    marginLeft: responsiveCreateEnum.margin,
    marginVertical: responsiveCreateEnum.margin,
    marginHorizontal: responsiveCreateEnum.margin,
    padding: responsiveCreateEnum.padding,
    paddingTop: responsiveCreateEnum.padding,
    paddingBottom: responsiveCreateEnum.padding,
    paddingRight: responsiveCreateEnum.padding,
    paddingLeft: responsiveCreateEnum.padding,
    paddingVertical: responsiveCreateEnum.padding,
    paddingHorizontal: responsiveCreateEnum.padding,
    borderRadius: responsiveCreateEnum.borderRadius,
    borderTopRightRadius: responsiveCreateEnum.borderRadius,
    borderTopLeftRadius: responsiveCreateEnum.borderRadius,
    borderBottomLeftRadius: responsiveCreateEnum.borderRadius,
    borderBottomRightRadius: responsiveCreateEnum.borderRadius,
    borderWidth: responsiveCreateEnum.borderWidth,
    borderTopWidth: responsiveCreateEnum.borderWidth,
    borderStartWidth: responsiveCreateEnum.borderWidth,
    borderRightWidth: responsiveCreateEnum.borderWidth,
    borderLeftWidth: responsiveCreateEnum.borderWidth,
    borderEndWidth: responsiveCreateEnum.borderWidth,
    borderBottomWidth: responsiveCreateEnum.borderWidth
};
export const responsiveAllowListKeys = Object.freeze(Object.getOwnPropertyNames(responsiveAllowList));

export const responsiveAllowListCircle: Record<string, responsiveCreateEnum> = {
    width: responsiveCreateEnum.width,
    height: responsiveCreateEnum.height,
    borderRadius: responsiveCreateEnum.borderRadius
};
export const responsiveAllowListCircleKeys = Object.freeze(Object.getOwnPropertyNames(responsiveAllowListCircle));

export type responsiveStyleSheetOption = {
    freeze: boolean;
};