Files
grafana/public/app/plugins/panel/heatmap/ExemplarModalHeader.tsx
Ashley Harrison 47f8717149 React: Use new JSX transform (#88802)
* update eslint, tsconfig + esbuild to handle new jsx transform

* remove thing that breaks the new jsx transform

* remove react imports

* adjust grafana-icons build

* is this the correct syntax?

* try this

* well this was much easier than expected...

* change grafana-plugin-configs webpack config

* fixes

* fix lockfile

* fix 2 more violations

* use path.resolve instead of require.resolve

* remove react import

* fix react imports

* more fixes

* remove React import

* remove import React from docs

* remove another react import
2024-06-25 12:43:47 +01:00

27 lines
639 B
TypeScript

import { CSSProperties } from 'react';
import * as React from 'react';
import { CloseButton } from 'app/core/components/CloseButton/CloseButton';
export function ExemplarModalHeader(props: { onClick: () => void; style?: React.CSSProperties }) {
const defaultStyle: CSSProperties = {
position: 'relative',
top: 'auto',
right: 'auto',
marginRight: 0,
};
return (
<div
style={{
width: '100%',
display: 'flex',
justifyContent: 'flex-end',
paddingBottom: '6px',
}}
>
<CloseButton onClick={props.onClick} style={props.style ?? defaultStyle} />
</div>
);
}