import React from 'react';
import { JDColor, TextSize } from '../../types/enum';
import JDtypho, {IJDtyphoProp} from "../typho/Typho";

interface IProps extends IJDtyphoProp {
  padding?: number;
  color?: JDColor;
  textSize?: TextSize;
}

const Splinter: React.FC<IProps> = ({
  padding = 2,
  children = '|',
  ...props
}) => {
  const Padding = 0.4 * padding + "rem";

  return <JDtypho component={"span"} style={{
    padding: Padding,
    paddingTop: 0,
    paddingBottom: 0
  }} {...props}>{children}</JDtypho>;
};

export default Splinter;
