// @themable LabelText
import * as React from 'react';
import styled from 'styled-components';
import ScreenReaderOnly from '../ScreenReaderOnly/ScreenReaderOnly';
import LabelMode from '../../enums/LabelMode';
import ValidationState from '../../enums/ValidationState';
export { ValidationState };
function AbstractLabelText({ validationMessage, validationState, labelMode, required, ...props, }) {
    if (labelMode === LabelMode.Inline) {
        return (<ScreenReaderOnly>
        {props.children}
      </ScreenReaderOnly>);
    }
    return <span {...props}/>;
}
export default styled(AbstractLabelText) `
  display: inline-block;
  margin-bottom: 0.4em;
`;