import React from 'react';

interface LabelTextProps {
  title: string;
  theme?: string;
  parentId?: string;
}

const LabelText = ({ title, theme, parentId }: LabelTextProps) => (
  <label
    data-c="slmr--LabelText"
    htmlFor={parentId}
    className={`text-lg mb-1 inline-block ${theme}`}
  >
    {title}
  </label>
);

export default LabelText;

/* label commented for reference
const Label = styled.label`
  color: ${v.colors.dark};
  font-size: 18px;
  margin-bottom: 5px;
  display: inline-block;
`;
*/