View GitHub Repository react-classnaming

Schedule Inspection
Subscribe
Passed
Push — main ( 04c127...c3163a )
by Andrii
03:04
created

  A

↳ Parent: __examples__/node_modules-third_party_component.tsx

Complexity

Conditions 1

Size

Total Lines 11
Code Lines 9

Duplication

Lines 0
Ratio 0 %

Importance

Changes 0
Metric Value
cc 1
eloc 9
dl 0
loc 11
rs 9.95
c 0
b 0
f 0
1 
import React from "react"
2 

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    3
                

                                    
                                                    
                
                
                
export type ThirdPartyProps = {

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    4
                

                                    
                                                    
                
                
                
  containerClassName?: string

            


            
                                                                                                            
                            
            
                                    
            
            

                
                    5
                

                                    
                                                    
                
                
                
  itemClassName?: string

            


            
                                                                                                            
                                                                
            
                                    
            
            

                
                    6
                

                                    
                                                    
                
                
                
}

            


            
                                                        
            
                                    
            
            

                
                    7
                

                                    
                                                    
                
                
                

            


            
                                                        
            
                                    
            
            

                
                    8
                

                                    
                                                    
                
                
                
export default function ThirdParty({

            


            
                                                        
            
                                    
            
            

                
                    9
                

                                    
                                                    
                
                
                
  containerClassName = "third-container",

            


            
                                                        
            
                                    
            
            

                
                    10
                

                                    
                                                    
                
                
                
  itemClassName = "third-item"

            


            
                                                        
            
                                    
            
            

                
                    11
                

                                    
                                                    
                
                
                
}: ThirdPartyProps) {

            


            
                                                        
            
                                    
            
            

                
                    12
                

                                    
                                                    
                
                
                
  return <>

            


            
                                                        
            
                                    
            
            

                
                    13
                

                                    
                                                    
                
                
                
    { "/// node_modules/third_party_component" }

            


            
                                                        
            
                                    
            
            

                
                    14
                

                                    
                                                    
                
                
                
    <div className={containerClassName}>

            


            
                                                        
            
                                    
            
            

                
                    15
                

                                    
                                                    
                
                
                
      <div className={itemClassName}>third-item</div>

            


            
                                                        
            
                                    
            
            

                
                    16
                

                                    
                                                    
                
                
                
    </div>

            


            
                                                        
            
                                    
            
            

                
                    17
                

                                    
                                                    
                
                
                
  </>

            


            
                                                        
            
                                    
            
            

                
                    18
                

                                    
                                                    
                
                
                
}