text: import React, { Component } from 'react'
  import CollapsibleCard from '../CollapsibleCard'
  import ComponentPropsList from './ComponentPropsList'
  import { filterPropertiesByScope } from '../../lib/componentProperties'
  
  export default class ComponentPropsDocumentation extends Component {
      shouldComponentUpdate() {
          return false
      }
  
      render() {
          const { chartClass, properties } = this.props
  
          const filteredProperties = filterPropertiesByScope(
              properties.filter(property => property.excludeFromDoc !== true),
              chartClass,
              true
          )
  
          return (
              <CollapsibleCard title={`${chartClass} properties`} expandedByDefault={true}>
                  <ComponentPropsList properties={filteredProperties} />
              </CollapsibleCard>
          )
      }
  }
  