import { RenderContentProps } from './types';
/**
 * AccordionContent - Default component for accordion content panels
 *
 * A pre-built component for rendering accordion content that handles styling
 * and accessibility attributes. Can be used as the content in `renderContent`
 * prop for Accordion components, or as a reference for custom content implementations.
 *
 * Features:
 * - Proper ARIA attributes for accessibility
 * - Size-aware styling
 * - Smooth expand/collapse transitions
 * - Accepts any React children
 *
 * @category Components
 * @subcategory Layout
 *
 * @example
 * ```tsx
 * <Accordion
 *   id="example"
 *   title="My Accordion"
 *   renderTitle={AccordionTitle}
 *   renderContent={(props) => (
 *     <AccordionContent {...props}>
 *       <p>This is the accordion content</p>
 *       <ul>
 *         <li>Item 1</li>
 *         <li>Item 2</li>
 *       </ul>
 *     </AccordionContent>
 *   )}
 * />
 * ```
 *
 * @example
 * ```tsx
 * // Custom content using AccordionContent props
 * <Accordion
 *   renderContent={({ isOpened, ...props }) => (
 *     <div {...props} style={{ display: isOpened ? 'block' : 'none' }}>
 *       Custom content with conditional rendering
 *     </div>
 *   )}
 * />
 * ```
 *
 * @see {@link Accordion} - Parent component that uses this component
 */
export declare const AccordionContent: ({ isOpened, children, size, ...rest }: RenderContentProps & {
    children: React.ReactNode;
}) => import("@emotion/react/jsx-runtime").JSX.Element;
