askirmas / react-classnaming

export default function App(props: AppProps) {

  const myCssClasses = classNaming<AppClassNames>(props)

  const withClassName = myCssClasses(true) // `${className}`

  const {classnames} = props

  const cssClassesMapping = classNamesMap(classnames)

  return <>{ "/// App.tsx" }

         {/* className=`${className} app__container` */}

    <div {...withClassName({"app__container": true})}>

      <MyComponent {...{

        classnames,

        // className: `${className} app__item`

        ...withClassName({"app__item": true})

      }} />

      <ThirdParty {

        ...cssClassesMapping<ThirdPartyProps>({

                              // "app__item"

          containerClassName: { "app__item": true }

        })

      } />

    </div>

  </>

}