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

@mixin S {
	--components-divider-font: var(--pr-t-font-body-S);

	.button {
		@include button.S;
	}

	.lucca-icon {
		@include icon.S;
	}
}

@mixin vertical {
	--components-divider-marginBlock: 0;
	--components-divider-marginInline: var(--pr-t-spacings-50);
	--components-divider-alignSelf: stretch;

	&:where(:empty) {
		border-inline-start: var(--commons-divider-border);
	}

	&:not(:empty) {
		--components-divider-direction: column;
		--components-divider-iconBottom: var(--pr-t-spacings-25);
		--components-divider-justify: center;

		&::before,
		&::after {
			border-inline-start: var(--commons-divider-border);
			min-block-size: var(--components-divider-minSize);
		}
	}
}