@use '@lucca-front/scss/src/commons/config';

@mixin component($suffix: '') {
	// no suffix here
	margin-block-start: 0;
	color: var(--pr-t-color-text-heading);
	text-wrap: pretty;

	// suffix here
	font: var(--components-title-font) #{$suffix};

	@if config.$deprecatedSpacings {
		// no suffix here
		margin-block-end: var(--pr-t-spacings-200);

		// suffix here
		padding-block-start: var(--sizes-verticalPadding) #{$suffix};
		padding-block-end: var(--sizes-verticalPadding) #{$suffix};
	} @else {
		// no suffix here
		margin-block-end: 0;

		// suffix here
		padding: 0 #{$suffix};
	}
}