'use client';

import * as React from 'react';

import PropTypes from 'prop-types';

import clsx from 'clsx';

import composeClasses from '@mui/utils/composeClasses';

import { styled } from '../zero-styled';

import memoTheme from '../utils/memoTheme';

import { useDefaultProps } from '../DefaultPropsProvider';

import { getAccordionDetailsUtilityClass } from './accordionDetailsClasses';

const useUtilityClasses = (ownerState) => {

};

const AccordionDetailsRoot = styled('div', {

name: 'MuiAccordionDetails',

slot: 'Root',

overridesResolver: (props, styles) => styles.root,

})(

memoTheme(({ theme }) => ({

padding: theme.spacing(1, 2, 2),

})),

);

const AccordionDetails = React.forwardRef(function AccordionDetails(inProps, ref) {

});

AccordionDetails.propTypes /* remove-proptypes */ = {

// ┌────────────────────────────── Warning ──────────────────────────────┐

// │ These PropTypes are generated from the TypeScript type definitions. │

// │ To update them, edit the d.ts file and run `pnpm proptypes`. │

// └─────────────────────────────────────────────────────────────────────┘

/**

* The content of the component.

*/

children: PropTypes.node,

/**

* Override or extend the styles applied to the component.

*/

classes: PropTypes.object,

/**

* @ignore

*/

className: PropTypes.string,

/**

* The system prop that allows defining system overrides as well as additional CSS styles.

*/

sx: PropTypes.oneOfType([

PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])),

PropTypes.func,

PropTypes.object,

]),

};

export default AccordionDetails;