@use "sass:list";

@mixin u-keyline($direction: bottom, $spacing: $t-a-space-absolute-400, $thickness: 1px) {
	$valid-directions: (top, right, bottom, left);
	@if list.index($valid-directions, $direction) {
		border-#{$direction}: $thickness solid $t-a-palette-default-greyscale-500;
		padding-#{$direction}: $spacing;
		margin-#{$direction}: $spacing;
	}
	@else {
		@warn '$direction should be one of #{$valid-directions}, but was #{$direction}';
	}
}

// Box shadow
@mixin u-shadow {
	border: 1px solid $t-a-palette-default-black; // make optional?
	box-shadow: $t-a-box-shadow-default;
}

// <button> element reset
// Does not reset the branded buttons provided in context
@mixin u-button-reset {
	background-color: transparent;
	border: 0;
	padding: 0;
}
