{"size": 771, "ext": "js", "max_stars_repo_path": "src/components/EditorComponents.js", "max_stars_repo_name": "playternative/pt-app", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/EditorComponents.js", "max_issues_repo_name": "playternative/pt-app", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/EditorComponents.js", "max_forks_repo_name": "playternative/pt-app", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 18.8048780488, "max_line_length": 65, "alphanum_fraction": 0.5538261997}
import React from "react";
import classnames from 'classnames'

export const Button = (props) => {
  const { reversed, active } = props
  return (
    <span
    style={{
      color: active ? '#142240' : '#D9D9D9'
     }}
      className={classnames('editor-button mx-1' )} {...props} />
  )
}

export const Icon = ({ children }) => {

  if (!children.includes('fas')) {
    return (
      <span className="editor-icon">{children}</span>
    )
  } else {
    return (
      <span className="editor-icon">
        <i className={children}></i>
      </span>
    )
  }
}

export const Menu = (props) => {
  return (
    <div className="editor-menu" {...props} />
  )
}

export const Toolbar = (props) => {
  return (
    <Menu className="editor-toolbar" {...props} />
  )
}
