export declare const useStyles: () => {
    container: {
        width: "100%";
        borderColor: string;
        borderStyle: "solid";
        borderBottomWidth: number;
        backgroundColor: string;
    };
    bannerContent: {
        flexDirection: "row";
        alignItems: "flex-start";
        gap: number;
    };
    bannerMainContent: {
        flex: number;
        flexDirection: "row";
        alignItems: "flex-start";
        gap: number;
        paddingBottom: number;
        paddingLeft: number;
        paddingTop: number;
    };
    bannerMainContentWithoutDismiss: {
        paddingRight: number;
    };
    contentContainer: {
        flex: number;
    };
    dismissContainer: {
        paddingBottom: number;
        paddingRight: number;
        paddingTop: number;
    };
    dismissButton: {
        alignSelf: "flex-start";
        alignItems: "center";
        height: number;
        justifyContent: "center";
        width: number;
    };
    childrenContainer: {
        marginTop: number;
    };
    textContainer: {
        marginTop: number;
    };
    fullWidth: {
        width: "100%";
    };
    bannerChildrenContent: {
        marginBottom: number;
    };
    contentSpacing: {
        gap: number;
    };
};