text: import PropTypes from 'prop-types';
  import React from 'react';
  import classnames from 'classnames';
  import isDefined from '../utils/isDefined';
  
  const propTypes = {
    className: PropTypes.string,
    children: PropTypes.node,
    transition: PropTypes.bool,
    z: PropTypes.number,
  };
  
  
  const Elevation = ({ className, children, z, transition, ...otherProps }) => (
    <div
      className={classnames({
        [`mdc-elevation--z${z}`]: isDefined(z),
        'mdc-elevation-transition': transition,
      }, className)}
      {...otherProps}
    >
      {children}
    </div>
  );
  Elevation.propTypes = propTypes;
  export default Elevation;
  