import { BoxProps } from './Box.types';
/**
 * Box component - A basic container with spacing and visual styling props
 *
 * @example
 * ```tsx
 * // Padding on all sides
 * <Box p={4}>
 *   <Content />
 * </Box>
 *
 * // Horizontal and vertical padding
 * <Box px={4} py={2}>
 *   <Content />
 * </Box>
 *
 * // Individual spacing values
 * <Box pt={4} pb={2} ml={3}>
 *   <Content />
 * </Box>
 *
 * // As a section element
 * <Box as="section" p={4} mb={3}>
 *   <Content />
 * </Box>
 *
 * // Accented variant with custom color (for branded sections)
 * <Box variant="accented" accentColor="#6161FF" p={5} borderRadius="md">
 *   <BrandedContent />
 * </Box>
 * ```
 */
export declare const Box: import('react').ForwardRefExoticComponent<BoxProps & import('react').RefAttributes<HTMLElement>>;
export default Box;
//# sourceMappingURL=Box.d.ts.map