import { Card, Tooltip } from 'antd';
import styled from 'styled-components';

export const NotFoundContainer = styled.div`
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 55vh;
`;

export const FailedMessageContainer = styled(Tooltip)`
	position: absolute;
	top: 10px;
	left: 10px;
`;

export const ChartContainer = styled(Card)`
	border-radius: 4px;
	&&& {
		position: relative;
	}

	.ant-card-body {
		padding: 1.5rem 0;
		height: 57vh;
		/* padding-bottom: 2rem; */
	}
`;