@use '@lucca-front/scss/src/commons/utils/namespace';
@use '@lucca-front/scss/src/commons/utils/reset';

@use '@lucca-front/icons/src/icon/exports' as icon;

@mixin component($atRoot: namespace.$defaultAtRoot) {
	border-radius: var(--pr-t-border-radius-default);
	position: absolute;
	transform: translateX(-50%);
	inset-inline-start: 50%;
	inset-block-end: var(--components-fileToolbar-insetBlockEnd);
	box-shadow: var(--pr-t-elevation-shadow-overlay);
	background-color: var(--pr-t-elevation-surface-raised);
	z-index: 1;
	display: var(--components-fileToolbar-display);

	@at-root ($atRoot) {
		.fileToolbar-list {
			@include reset.list;

			display: flex;
			gap: var(--pr-t-spacings-50);
			padding: var(--components-fileToolbar-list-padding);
		}
	}
}