import React, { useState, useEffect } from 'react';
import classNames from 'classnames/bind';
import TextItem from 'components/items/TextItem';
import Button from 'components/items/Button';
import styleIdentifiers from './moduleButton.scss';

const styles = classNames.bind(styleIdentifiers);

export interface StateProps {}

export interface DispatchProps {}

export interface OwnProps {}

export type ModuleButtonProps = StateProps & DispatchProps & OwnProps;

const ModuleButton = (props: ModuleButtonProps) => {
  const { colorModule, noShadow, small, color, className, ...rest } = props;
  return (
    <Button
      iconClassName={styles('icon')}
      {...rest}
      color={color}
      small={small}
      className={styles(
        'ModuleButton',
        colorModule,
        small && 'small',
        color,
        noShadow && 'no-shadow',
        className,
      )}
    />
  );
};

export default ModuleButton;
