@import 'breakpoints';
@import 'elevation';
@import 'surface';

@mixin sheet($elevation) {
	@include surface;
	@include elevation($elevation);

	--radius: 0;

	max-width: 25.6rem;
	width: calc(100vw - var(--increment));
	max-height: 100vh;
	overflow-y: auto;

	&.bottom {
		max-width: 100vw;
		width: 100vw;
		border-radius: var(--container-radius) var(--container-radius) 0 0;
		// todo : set default and max height correctly
	}

	&.flat {
		@include elevation(0);
		// todo : add border based on position
	}
}