aws-amplify-react/src/XR/Tooltip.jsx

AWS Amplify is a JavaScript library for Frontend and mobile developers building cloud-enabled applications.

/*
 * Copyright 2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
 * the License. A copy of the License is located at
 *
 *     http://aws.amazon.com/apache2.0/
 *
 * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
 * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
 * and limitations under the License.
 */
import * as React from 'react';
import * as AmplifyUI from '@aws-amplify/ui';

const Tooltip = (props) => {
  let classes = `${AmplifyUI.tooltip}`;
  
  if (props.autoShowTooltip) {
    classes = `${AmplifyUI.tooltip} ${AmplifyUI.autoShowTooltip}`;
  }

  return (
    <div className={classes} data-text={props.text}>
      {props.children}
    </div>
  )
}

export default Tooltip;