import { BrandingOverlay } from '@bifold/oca';
import { BrandingOverlayType, CredentialOverlay } from '@bifold/oca/build/legacy';
declare const useCredentialCardStyles: (overlay: CredentialOverlay<BrandingOverlay>, brandingOverlayType: BrandingOverlayType, proof?: boolean) => {
    styles: {
        container: {
            backfaceVisibility?: "visible" | "hidden" | undefined;
            backgroundColor: import("react-native").ColorValue | undefined;
            borderBlockColor?: import("react-native").ColorValue | undefined;
            borderBlockEndColor?: import("react-native").ColorValue | undefined;
            borderBlockStartColor?: import("react-native").ColorValue | undefined;
            borderBottomColor?: import("react-native").ColorValue | undefined;
            borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderColor?: import("react-native").ColorValue | undefined;
            borderCurve?: "circular" | "continuous" | undefined;
            borderEndColor?: import("react-native").ColorValue | undefined;
            borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderLeftColor?: import("react-native").ColorValue | undefined;
            borderRadius: import("react-native").AnimatableNumericValue;
            borderRightColor?: import("react-native").ColorValue | undefined;
            borderStartColor?: import("react-native").ColorValue | undefined;
            borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderStyle?: "solid" | "dotted" | "dashed" | undefined;
            borderTopColor?: import("react-native").ColorValue | undefined;
            borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
            opacity?: import("react-native").AnimatableNumericValue | undefined;
            elevation?: number | undefined;
            pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
            alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
            alignItems?: import("react-native").FlexAlignType | undefined;
            alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
            aspectRatio?: number | string | undefined;
            borderBottomWidth?: number | undefined;
            borderEndWidth?: number | undefined;
            borderLeftWidth?: number | undefined;
            borderRightWidth?: number | undefined;
            borderStartWidth?: number | undefined;
            borderTopWidth?: number | undefined;
            borderWidth?: number | undefined;
            bottom?: import("react-native").DimensionValue | undefined;
            display?: "none" | "flex" | undefined;
            end?: import("react-native").DimensionValue | undefined;
            flex?: number | undefined;
            flexBasis?: import("react-native").DimensionValue | undefined;
            flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
            rowGap?: number | undefined;
            gap?: number | undefined;
            columnGap?: number | undefined;
            flexGrow?: number | undefined;
            flexShrink?: number | undefined;
            flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
            height?: import("react-native").DimensionValue | undefined;
            justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
            left?: import("react-native").DimensionValue | undefined;
            margin?: import("react-native").DimensionValue | undefined;
            marginBottom?: import("react-native").DimensionValue | undefined;
            marginEnd?: import("react-native").DimensionValue | undefined;
            marginHorizontal?: import("react-native").DimensionValue | undefined;
            marginLeft?: import("react-native").DimensionValue | undefined;
            marginRight?: import("react-native").DimensionValue | undefined;
            marginStart?: import("react-native").DimensionValue | undefined;
            marginTop?: import("react-native").DimensionValue | undefined;
            marginVertical?: import("react-native").DimensionValue | undefined;
            maxHeight?: import("react-native").DimensionValue | undefined;
            maxWidth?: import("react-native").DimensionValue | undefined;
            minHeight?: import("react-native").DimensionValue | undefined;
            minWidth?: import("react-native").DimensionValue | undefined;
            overflow?: "visible" | "hidden" | "scroll" | undefined;
            padding?: import("react-native").DimensionValue | undefined;
            paddingBottom?: import("react-native").DimensionValue | undefined;
            paddingEnd?: import("react-native").DimensionValue | undefined;
            paddingHorizontal?: import("react-native").DimensionValue | undefined;
            paddingLeft?: import("react-native").DimensionValue | undefined;
            paddingRight?: import("react-native").DimensionValue | undefined;
            paddingStart?: import("react-native").DimensionValue | undefined;
            paddingTop?: import("react-native").DimensionValue | undefined;
            paddingVertical?: import("react-native").DimensionValue | undefined;
            position?: "absolute" | "relative" | undefined;
            right?: import("react-native").DimensionValue | undefined;
            start?: import("react-native").DimensionValue | undefined;
            top?: import("react-native").DimensionValue | undefined;
            width?: import("react-native").DimensionValue | undefined;
            zIndex?: number | undefined;
            direction?: "inherit" | "ltr" | "rtl" | undefined;
            shadowColor?: import("react-native").ColorValue | undefined;
            shadowOffset?: Readonly<{
                width: number;
                height: number;
            }> | undefined;
            shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
            shadowRadius?: number | undefined;
            transform?: import("react-native").MaximumOneOf<import("react-native").PerpectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[] | string | undefined;
            transformOrigin?: Array<string | number> | string | undefined;
            transformMatrix?: Array<number> | undefined;
            rotation?: import("react-native").AnimatableNumericValue | undefined;
            scaleX?: import("react-native").AnimatableNumericValue | undefined;
            scaleY?: import("react-native").AnimatableNumericValue | undefined;
            translateX?: import("react-native").AnimatableNumericValue | undefined;
            translateY?: import("react-native").AnimatableNumericValue | undefined;
        };
        cardContainer: {
            flexDirection: "row";
            minHeight: number;
        };
        secondaryBodyContainer: {
            width: number;
            borderTopLeftRadius: number;
            borderBottomLeftRadius: number;
            backgroundColor: string | undefined;
        };
        primaryBodyContainer: {
            marginLeft: number;
            justifyContent?: "space-between" | undefined;
            flex: number;
            padding: number;
        };
        primaryBodyNameContainer: {
            minHeight?: number | undefined;
            alignItems?: "center" | undefined;
            flexDirection: "row";
        };
        imageAttr: {
            height: number;
            aspectRatio: number;
            resizeMode: "contain";
            borderRadius: number;
        };
        statusContainer: {
            backgroundColor: string;
            borderTopRightRadius: number;
            borderBottomLeftRadius: number;
            height: number;
            width: number;
            justifyContent: "center";
            alignItems: "center";
        };
        logoContainer: {
            backfaceVisibility?: "visible" | "hidden" | undefined;
            backgroundColor: import("react-native").ColorValue;
            borderBlockColor?: import("react-native").ColorValue | undefined;
            borderBlockEndColor?: import("react-native").ColorValue | undefined;
            borderBlockStartColor?: import("react-native").ColorValue | undefined;
            borderBottomColor?: import("react-native").ColorValue | undefined;
            borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderColor?: import("react-native").ColorValue | undefined;
            borderCurve?: "circular" | "continuous" | undefined;
            borderEndColor?: import("react-native").ColorValue | undefined;
            borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderLeftColor?: import("react-native").ColorValue | undefined;
            borderRadius: import("react-native").AnimatableNumericValue;
            borderRightColor?: import("react-native").ColorValue | undefined;
            borderStartColor?: import("react-native").ColorValue | undefined;
            borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderStyle?: "solid" | "dotted" | "dashed" | undefined;
            borderTopColor?: import("react-native").ColorValue | undefined;
            borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
            borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
            opacity?: import("react-native").AnimatableNumericValue | undefined;
            elevation?: number | undefined;
            pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
            alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
            alignItems: import("react-native").FlexAlignType;
            alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
            aspectRatio?: number | string | undefined;
            borderBottomWidth?: number | undefined;
            borderEndWidth?: number | undefined;
            borderLeftWidth?: number | undefined;
            borderRightWidth?: number | undefined;
            borderStartWidth?: number | undefined;
            borderTopWidth?: number | undefined;
            borderWidth?: number | undefined;
            bottom?: import("react-native").DimensionValue | undefined;
            display?: "none" | "flex" | undefined;
            end?: import("react-native").DimensionValue | undefined;
            flex?: number | undefined;
            flexBasis?: import("react-native").DimensionValue | undefined;
            flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
            rowGap?: number | undefined;
            gap?: number | undefined;
            columnGap?: number | undefined;
            flexGrow?: number | undefined;
            flexShrink?: number | undefined;
            flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
            height: import("react-native").DimensionValue;
            justifyContent: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
            left: import("react-native").DimensionValue;
            margin?: import("react-native").DimensionValue | undefined;
            marginBottom?: import("react-native").DimensionValue | undefined;
            marginEnd?: import("react-native").DimensionValue | undefined;
            marginHorizontal?: import("react-native").DimensionValue | undefined;
            marginLeft?: import("react-native").DimensionValue | undefined;
            marginRight?: import("react-native").DimensionValue | undefined;
            marginStart?: import("react-native").DimensionValue | undefined;
            marginTop?: import("react-native").DimensionValue | undefined;
            marginVertical?: import("react-native").DimensionValue | undefined;
            maxHeight?: import("react-native").DimensionValue | undefined;
            maxWidth?: import("react-native").DimensionValue | undefined;
            minHeight?: import("react-native").DimensionValue | undefined;
            minWidth?: import("react-native").DimensionValue | undefined;
            overflow?: "visible" | "hidden" | "scroll" | undefined;
            padding?: import("react-native").DimensionValue | undefined;
            paddingBottom?: import("react-native").DimensionValue | undefined;
            paddingEnd?: import("react-native").DimensionValue | undefined;
            paddingHorizontal?: import("react-native").DimensionValue | undefined;
            paddingLeft?: import("react-native").DimensionValue | undefined;
            paddingRight?: import("react-native").DimensionValue | undefined;
            paddingStart?: import("react-native").DimensionValue | undefined;
            paddingTop?: import("react-native").DimensionValue | undefined;
            paddingVertical?: import("react-native").DimensionValue | undefined;
            position?: "absolute" | "relative" | undefined;
            right?: import("react-native").DimensionValue | undefined;
            start?: import("react-native").DimensionValue | undefined;
            top: import("react-native").DimensionValue;
            width: import("react-native").DimensionValue;
            zIndex?: number | undefined;
            direction?: "inherit" | "ltr" | "rtl" | undefined;
            shadowColor?: import("react-native").ColorValue | undefined;
            shadowOffset?: Readonly<{
                width: number;
                height: number;
            }> | undefined;
            shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
            shadowRadius?: number | undefined;
            transform?: import("react-native").MaximumOneOf<import("react-native").PerpectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[] | string | undefined;
            transformOrigin?: Array<string | number> | string | undefined;
            transformMatrix?: Array<number> | undefined;
            rotation?: import("react-native").AnimatableNumericValue | undefined;
            scaleX?: import("react-native").AnimatableNumericValue | undefined;
            scaleY?: import("react-native").AnimatableNumericValue | undefined;
            translateX?: import("react-native").AnimatableNumericValue | undefined;
            translateY?: import("react-native").AnimatableNumericValue | undefined;
        };
        headerText: any;
        valueText: {
            minHeight: any;
            paddingVertical: number;
            fontFamily?: string;
            fontStyle?: "normal" | "italic";
            fontSize: number;
            fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
            color: string;
            lineHeight?: number;
        };
        textContainer: {
            lineHeight: number;
            fontSize?: number | undefined;
            color: any;
            flexShrink: number;
        };
        credentialName: {
            lineHeight?: number | undefined;
            maxWidth?: "85%" | undefined;
            fontSize?: number | undefined;
            fontWeight?: "600" | undefined;
            flex: number;
            flexWrap: "wrap";
        };
        credentialIssuerContainer: {
            flex: number;
            alignSelf: "flex-end";
            justifyContent: "flex-end";
            maxWidth: number;
            paddingTop: number;
        };
        errorText: {
            color: any;
            fontFamily?: string;
            fontStyle?: "normal" | "italic";
            fontSize: number;
            fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
            lineHeight?: number;
        };
        errorIcon: {
            color: any;
        };
        selectedCred: {
            borderWidth: number;
            borderRadius: number;
            borderColor: string;
        };
        credActionText: {
            fontSize: number;
            fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
            color: string;
        };
        cardAttributeContainer: {
            marginVertical: number;
            gap: number;
        };
    };
    borderRadius: number;
    logoHeight: number;
};
export default useCredentialCardStyles;
//# sourceMappingURL=credential-card-styles.d.ts.map