import { TypographyComponent } from './typography.types';
/**
 * Typography component is used to render headings, texts, links.
 * This is a polymorphic component. The root tag can be set using `as` prop
 * It will render appropriate HTML tag for different variants.
 *
 * ### Usage
 *
 * ```tsx
 * import { Typography, Text } from '@bloomreach/react-banana-ui';
 *
 * export default function MyCustomComponent() {
 *   return <div>
 *     <Typography variant="heading-1">Banana design</Typography>
 *     <Typography variant="heading-5" color="subtl">This is a subheading for banana design</Typography>
 *     <Typography variant="text" color="body">
 *       Lorem ipsum dolor sit amet consectetur adipisicing elit
 *     </Typography>
 *   </div>
 * }
 * ```
 */
declare const Typography: TypographyComponent;
export default Typography;