import React from 'react' ; import defaultStyles from './Children.module.scss' ; import { ChildrenClasses , ChildrenProps , DefaultComponent , useCustomRendering } from '../customise' ; const DefaultRenderer = ( { styles , children , } ) => { return < div className = { styles . children } > { children } < /div>; } ; export const Children = ( props ) => { const ResolvedRenderer = useCustomRendering < ChildrenProps , ChildrenClasses > ( 'Children' , defaultStyles , DefaultRenderer ) ; return < ResolvedRenderer { ... props } / > ; } ;