@use '@talend/bootstrap-theme/src/theme/guidelines' as *;
@use '@talend/design-tokens/lib/tokens' as tokens;

$tc-listview-svg-color: tokens.$coral-color-neutral-icon !default;
$tc-listview-font-size: 0.875rem !default;

.tc-listview {
	overflow: hidden;
	display: flex;
	flex-direction: column;

	:global(.btn.btn-link) {
		padding: 0 $padding-small;

		svg {
			fill: $tc-listview-svg-color;
			height: $tc-listview-font-size;
			width: $tc-listview-font-size;
		}
	}

	header {
		flex-shrink: 0;
	}

	.empty-message {
		flex-grow: 1;
		flex-shrink: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px 0;
	}
}