CHANGED: README

src/primitive-components/button-layout/button-layout.tsx

@@ -7,15 +7,14 @@ import useRippleEffect from '../ripple/hooks/useRippleEffect';
 import React, { forwardRef, useId, useRef, useState } from 'react';
 
 export const ButtonLayout = forwardRef<HTMLButtonElement, ButtonLayoutProps>(
-    ({ centralRipple = false, variant, ...props }, ref) => {
+    ({ centralRipple = false, ...props }, ref) => {
         const [isActive, setIsActive] = useState<boolean>(false),
             ripplesRef = useRef(null),
             buttonId = useId(),
             events = useRippleEffect(ripplesRef, setIsActive);
 
-        const classes = props.className
-            ? `m3 ${props.className} ${variant}${isActive ? ' is-active' : ''}`
-            : `m3 ${variant}${isActive ? ' is-active' : ''}`;
+        const classes =
+            `m3${isActive ? ' is-active' : ''} ${props.className ?? ''}`.trimEnd();
 
         return (
             <button
@@ -38,7 +37,6 @@ export const ButtonLayout = forwardRef<HTMLButtonElement, ButtonLayoutProps>(
 );
 
 ButtonLayout.propTypes = {
-    variant: string,
-    centralRipple: bool,
     children: string,
+    centralRipple: bool,
 };