You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
554 B
21 lines
554 B
import React, { FC } from 'react';
|
|
import { css } from '@emotion/css';
|
|
import { GrafanaTheme } from '@grafana/data';
|
|
import { useStyles } from '@grafana/ui';
|
|
|
|
export const EmptyArea: FC = ({ children }) => {
|
|
const styles = useStyles(getStyles);
|
|
|
|
return <div className={styles.container}>{children}</div>;
|
|
};
|
|
|
|
const getStyles = (theme: GrafanaTheme) => {
|
|
return {
|
|
container: css`
|
|
background-color: ${theme.colors.bg2};
|
|
color: ${theme.colors.textSemiWeak};
|
|
padding: ${theme.spacing.xl};
|
|
text-align: center;
|
|
`,
|
|
};
|
|
};
|
|
|