import React from 'react';

interface LabelRequiredProps {
  show: boolean;
  theme?: string;
}

const LabelRequired = ({ show, theme }: LabelRequiredProps) => {
  if (show !== true) return <span data-c="slmr--LabelRequired--empty"></span>;

  return (
    <sup
      data-c="slmr--LabelRequired"
      className={`text-_-secondary-800 ${theme}`}
    >
      {' *'}
    </sup>
  );
};

export default LabelRequired;

/* styles commented for reference
const Label = styled.sup`
  color: ${v.colors.cta};
`;
*/