import React from "react";

type Props = {
  readonly className: string;
  readonly text: string;
  readonly id?: string;
  readonly color?: string;
  readonly font?: string;
  readonly fontsize?: string;
};

export const Span = ({ className, text, id, color, font, fontsize }: Props) => {
  return (
    <span
      className={className}
      id={id}
      style={{
        color: color || undefined,
        fontFamily: font || undefined,
        fontSize: fontsize || undefined,
        whiteSpace: "pre-wrap",
      }}
    >
      {text}
    </span>
  );
};