import { CSSProperties } from 'react';
import { Color } from '@signozhq/design-tokens';
import { TableProps } from 'antd';

export function getDefaultCellStyle(isDarkMode?: boolean): CSSProperties {
	return {
		paddingTop: 4,
		paddingBottom: 6,
		paddingRight: 8,
		paddingLeft: 8,
		color: isDarkMode ? Color.BG_VANILLA_100 : Color.BG_INK_400,
		fontSize: '14px',
		fontStyle: 'normal',
		fontWeight: 400,
		lineHeight: '18px',
		letterSpacing: '-0.07px',
		marginBottom: '0px',
		minWidth: '10rem',
		width: 'auto',
	};
}

export const defaultTableStyle: CSSProperties = {
	minWidth: '40rem',
};

export const defaultListViewPanelStyle: CSSProperties = {
	maxWidth: '40rem',
};

export const tableScroll: TableProps<Record<string, unknown>>['scroll'] = {
	x: true,
};
