refactor(CBackdrop): allow overriding className

mrholek · mrholek · commit bf8fcecbdc88 · 2021-07-11T15:04:16.000+02:00
diff --git a/src/components/backdrop/CBackdrop.tsx b/src/components/backdrop/CBackdrop.tsx
@@ -15,8 +15,8 @@ export interface CBackdropProps extends HTMLAttributes<HTMLDivElement> {
 }
 
 export const CBackdrop = forwardRef<HTMLDivElement, CBackdropProps>(
-  ({ className, visible, ...rest }, ref) => {
-    const _className = classNames('modal-backdrop fade', className)
+  ({ className = 'modal-backdrop', visible, ...rest }, ref) => {
+    const _className = classNames(className, 'fade')
 
     const getTransitionClass = (state: string) => {
       return state === 'entered' && 'show'

Original file line number	Diff line number	Diff line change
`@@ -15,8 +15,8 @@ export interface CBackdropProps extends HTMLAttributes<HTMLDivElement> {`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`export const CBackdrop = forwardRef<HTMLDivElement, CBackdropProps>(`
`18`		`- ({ className, visible, ...rest }, ref) => {`
`19`		`- const _className = classNames('modal-backdrop fade', className)`
	`18`	`+ ({ className = 'modal-backdrop', visible, ...rest }, ref) => {`
	`19`	`+ const _className = classNames(className, 'fade')`
`20`	`20`
`21`	`21`	`const getTransitionClass = (state: string) => {`
`22`	`22`	`return state === 'entered' && 'show'`