mirror of
https://github.com/grafana/grafana.git
synced 2025-02-20 11:48:34 -06:00
23 lines
603 B
TypeScript
23 lines
603 B
TypeScript
import React, { SFC, ReactNode } from 'react';
|
|
import Tooltip from '../Tooltip/Tooltip';
|
|
|
|
interface Props {
|
|
tooltip?: string;
|
|
for?: string;
|
|
children: ReactNode;
|
|
width?: number;
|
|
}
|
|
|
|
export const Label: SFC<Props> = props => {
|
|
return (
|
|
<span className={`gf-form-label width-${props.width ? props.width : '10'}`}>
|
|
<span>{props.children}</span>
|
|
{props.tooltip && (
|
|
<Tooltip className="gf-form-help-icon--right-normal" placement="auto" content={props.tooltip}>
|
|
<i className="gicon gicon-question gicon--has-hover" />
|
|
</Tooltip>
|
|
)}
|
|
</span>
|
|
);
|
|
};
|