import React from 'react' ; import defaultStyles from './Keyword.module.scss' ; import { DefaultComponent , KeywordClasses , useCustomRendering } from '../customise' ; const DefaultRenderer = ( { children , styles } ) => { return < span className = { styles . keyword } > { children } < /span>; } ; export const Keyword = ( { children } ) => { const ResolvedRenderer = useCustomRendering < any , KeywordClasses > ( 'Keyword' , defaultStyles , DefaultRenderer ) ; return < ResolvedRenderer > { children } < /ResolvedRenderer>; } ;