import type { ThemeType } from '../../literals/Type.literal';
/**
 * @docunator
 * @title ZenProfileProps
 * @description Props for the ZenProfile component.
 * @category Widget Components Props
 */
type ZenProfileProps = {
    type?: ThemeType;
    bannerImageSource: any;
    avatarImageSource: any;
    title?: string;
    subTitleElement?: any;
    bordered?: boolean;
    bannerHeight?: number;
    description?: string;
    footer: any;
    style?: any;
};
/**
 * @docunator
 * @title ZenProfile
 * @author Danilo Ramírez Mattey
 * @version 1.0.0
 * @description A profile component that displays a banner image, an avatar image, a title, a subtitle element, a description, and a footer. The avatar image is positioned overlapping the banner image. The component is styled according to the current theme and supports different types (primary, secondary, success, info, warning, danger).
 * @category Widget Components
 * @group Widgets
 * @param {string} type - The theme type for the component. Can be 'primary', 'secondary', 'success', 'info', 'warning', or 'danger'. Default is 'primary'.
 * @param {ImageSource} bannerImageSource - The source for the banner image.
 * @param {ImageSource}  avatarImageSource - The source for the avatar image.
 * @param {string} title - The title of the profile.
 * @param {Element|Element[]} subTitleElement - The subtitle element of the profile.
 * @param {boolean} bordered - Whether the avatar and banner images should have borders. Default is true.
 * @param {number} bannerHeight - The height of the banner image. Default is 150.
 * @param {Element|{number} description - The description of the profile.
 * @param {Element|Element[] footer - The footer element of the profile.
 * @param {StyleSheet} style - Additional styles for the profile container.
 * @see ZenButton
 * @see ZenIconButton
 * @see ZenIcon
 * @see ZenText
 * @example {tsx}

 import {
 Layout,
 Screen, ZenButton,
 ZenIcon,
 ZenIconButton,
 ZenSpaceBlock,
 } from 'react-zen-ui';
 import { ZenProfile } from 'react-zen-ui';
 import { StyleSheet, View } from 'react-native';

 export default function ProfileScreen() {

     const styles = StyleSheet.create({
         container: {
            flexDirection: 'row', gap: 10, alignItems: 'center'
         }
     });

     return (
         <>
             <Screen useTopSafeArea={false}>
                 <Layout scrollable={true}>
                     <ZenSpaceBlock />
                     <ZenProfile
                         bannerImageSource={{
                            uri: 'https://picsum.photos/1000?' + Math.random().toString(36),
                         }}
                         avatarImageSource={{
                            uri: 'https://picsum.photos/id/237/500/500',
                         }}
                         title={'Lucky Dog'.toUpperCase()}
                         subTitleElement={
                             <View
                                style={styles.container}
                             >
                                 <ZenIcon name={'star'} color={'yellow'} />
                                 <ZenIcon name={'star'} color={'yellow'} />
                                 <ZenIcon name={'star'} color={'yellow'} />
                                 <ZenIcon name={'star'} color={'yellow'} />
                                 <ZenIcon name={'star'} />
                             </View>
                         }
                         description={
                            'A friendly dog who loves to play and cuddle with everyone he meets. He is always up for an adventure and enjoys exploring new places.'
                         }
                         footer={
                             <View
                                 style={styles.container}
                             >
                                 <ZenIconButton icon={'facebook'} onPress={()=> null} />
                             </View>
                         }
                     />
                 </Layout>
             </Screen>
         </>
     );
 }

 {/tsx}
 */
export default function ZenProfile({ type, bannerImageSource, avatarImageSource, title, subTitleElement, bordered, bannerHeight, description, footer, style, }: ZenProfileProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=ZenProfile.d.ts.map