'use client';

import PropTypes from 'prop-types';

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

import createBox from '../createBox';

import boxClasses from './boxClasses';

const Box = createBox({

defaultClassName: boxClasses.root,

generateClassName: ClassNameGenerator.generate,

});

Box.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`. │

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

/**

* @ignore

*/

children: PropTypes.node,

/**

* The component used for the root node.

* Either a string to use a HTML element or a component.

*/

component: PropTypes.elementType,

/**

* 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 Box;