import type { ThemeType } from '../../literals/Type.literal';
type ZenChipsProps = {
    text?: string;
    type?: ThemeType | 'default';
    rounded?: boolean;
    ghost?: boolean;
    onPress?: Function;
    style?: object;
    leftIcon?: string;
    rightIcon?: string;
};
/**
 * @docunator
 * @title ZenChips
 * @description A simple chip component to display a small piece of information.
 * @category Themed Components
 * @version 1.0.0
 * @param {string} type - The theme type to use. Default is 'default'.
 * @param {string} text - The text to display inside the chip. Default is 'Chip'.
 * @param {boolean} rounded - Whether the chip should have rounded corners. Default is true.
 * @param {boolean} ghost - Whether the chip should have a ghost style (transparent background). Default is false.
 * @param {Function} onPress - Function to execute when the chip is pressed.
 * @param {StyleSheet} style - Additional styles to apply to the chip container.
 * @param {string} leftIcon - Name of the left icon to display inside the chip.
 * @param {string} rightIcon - Name of the right icon to display inside the chip.
 *
 * @see ZenText
 * @see ZenIcon
 * @see ZenButton
 * @example {tsx}

 import {
   Layout,
   Screen,
   ZenIcon,
   ZenListItem,
   ZenSpaceBlock,
   ZenChips,
 } from 'react-zen-ui';
 import { useState } from 'react';

 export default function ListScreen() {
   const [currentTime] = useState(new Date().toLocaleTimeString());
   const [currentDate] = useState(new Date().toLocaleDateString());

   return (
     <>
     <Screen useTopSafeArea={false}>
         <Layout scrollable={true}>


         <View style={styles.chipsContainer}>
            <ZenChips type={'primary'} text={'Primary'} />
            <ZenChips type={'warning'} text={'Warning'} />
            <ZenChips type={'success'} text={'Success'} />
            <ZenChips type={'info'} text={'Info'} />
            <ZenChips type={'danger'} text={'Danger'} />
          </View>

         </Layout>
     </Screen>
     </>
   );
 }
const styles = StyleSheet.create({
  chipsContainer: {
    display: 'flex',
    flexDirection: 'row',
    gap: 10,
    flexWrap: 'wrap',
    justifyContent: 'space-between',
    alignItems: 'center',
    marginBottom: 20,
  },
});


 {/tsx}
 */
export default function ZenChip({ text, type, rounded, ghost, onPress, style, leftIcon, rightIcon, }: ZenChipsProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=ZenChip.d.ts.map