react_classy_conditional_css_class_component_example.ts

1import React from 'react';
2import { Classy } from '@dwidge/react-classy';
3
4interface MyComponentProps {
5  isActive?: boolean;
6  isDisabled?: boolean;
7}
8
9const MyComponent: React.FC<MyComponentProps> = ({ isActive, isDisabled }) => {
10  return (
11    <Classy
12      base="button-style"
13      active={isActive}
14      disabled={isDisabled}
15      className="custom-extra-class"
16    >
17      {(className) => (
18        <button className={className}>
19          Click Me
20        </button>
21      )}
22    </Classy>
23  );
24};
25
26export default MyComponent;