@use "@db-ui/foundations/build/styles/variables";
@use "@db-ui/foundations/build/styles/helpers";

.db-divider {
	&:is(:not([data-margin]), [data-margin="small"]) {
		margin: variables.$db-spacing-fixed-sm 0;
	}

	&[data-margin="medium"] {
		margin: variables.$db-spacing-fixed-md 0;
	}

	&[data-margin="large"] {
		margin: variables.$db-spacing-fixed-lg 0;
	}

	&[data-margin="none"] {
		margin: 0;
	}

	&:not([data-variant="vertical"]) {
		@include helpers.divider();

		block-size: variables.$db-border-height-3xs;

		&[data-width="full"] {
			inline-size: 100%;
		}
	}

	&[data-variant="vertical"] {
		@include helpers.divider("left");

		inline-size: variables.$db-border-height-3xs;

		&:is(:not([data-margin]), [data-margin="small"]) {
			margin: 0 variables.$db-spacing-fixed-sm;
		}

		&[data-margin="medium"] {
			margin: 0 variables.$db-spacing-fixed-md;
		}

		&[data-margin="large"] {
			margin: 0 variables.$db-spacing-fixed-lg;
		}

		&[data-margin="none"] {
			margin: 0;
		}

		&[data-width="full"] {
			block-size: 100%;
		}
	}
}