import React, { FC } from 'react';
export interface WearableRowDetailSection {
    styles?: WearableRowDetailSectionStyles;
    icon: React.ReactNode;
    children: React.ReactNode;
}
export declare const WearableRowDetailSection: FC<WearableRowDetailSection>;
declare const defaultStyles: (theme: import("../BrandConfigProvider").Theme) => readonly ["WearableRowDetailSection", import("../BrandConfigProvider/styles/createStyles").NamedStyles<{
    iconAndDetailsView: {
        flexDirection: "row";
        alignItems: "flex-start";
        marginTop: number;
    };
    iconWrapper: {
        width: number;
    };
    sectionDetails: {
        flex: number;
        flexShrink: number;
    };
}>];
declare module './../BrandConfigProvider/styles/types' {
    interface ComponentStyles extends ComponentNamedStyles<typeof defaultStyles> {
    }
}
export type WearableRowDetailSectionStyles = NamedStylesProp<typeof defaultStyles>;
export {};