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 './projectButton.scss';

const styles = classNames.bind(styleIdentifiers);

export interface StateProps {}

export interface DispatchProps {}

export interface OwnProps {}

export type ProjectButtonProps = StateProps & DispatchProps & OwnProps;

const ProjectButton = (props: ProjectButtonProps) => {
  const { customClassName, color, small, right, left, center } = props;
  return (
    <Button
      {...props}
      className={styles(
        'ProjectButton',
        small && 'small',
        right && 'align-right',
        left && 'align-left',
        center && 'align-center',
        color,
        customClassName,
      )}
    />
  );
};

export default ProjectButton;
