playball/dist/components/Bases.js

Watch MLB games from the comfort of your terminal

import React from 'react';
import { useSelector } from "react-redux/lib/alternate-renderers.js";
import PropTypes from 'prop-types';
import { get } from "../config.js";
import { selectLineScore } from "../features/games.js";
const formatBase = (offense, base) => base in offense ? `{${get('color.on-base')}-fg}◆{/}` : '◇';
function Bases({
  align
}) {
  const {
    offense
  } = useSelector(selectLineScore);
  const content = `  ${formatBase(offense, 'second')}\n` + `${formatBase(offense, 'third')}   ${formatBase(offense, 'first')}`;
  return /*#__PURE__*/React.createElement("box", {
    align: align,
    content: content,
    tags: true
  });
}
Bases.propTypes = {
  align: PropTypes.oneOf(['left', 'center', 'right'])
};
export default Bases;