//   Copyright 2024 Cisco Systems, Inc.
//
//   Licensed under the Apache License, Version 2.0 (the "License");
//   you may not use this file except in compliance with the License.
//   You may obtain a copy of the License at
//
//        http://www.apache.org/licenses/LICENSE-2.0
//
//   Unless required by applicable law or agreed to in writing, software
//   distributed under the License is distributed on an "AS IS" BASIS,
//   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//   See the License for the specific language governing permissions and
//   limitations under the License.
//
//   SPDX-License-Identifier: Apache-2.0

@use 'sass:map';

.dialog-wrapper {
	width: inherit;
	box-shadow: 0 0 4px 0 var(--backgrounds-700);
	display: flex;
	flex-direction: column;

	.dialog-header {
		min-height: 60px;
		background-color: var(--backgrounds-200);
		box-sizing: border-box;
		border-bottom: 1px solid var(--backgrounds-500);

		&-wrapper {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 24px 32px;

			.close-icon .icon-cancel {
				color: var(--foregrounds-100) !important;

				&:hover {
					color: var(--foregrounds-300) !important;
				}
			}
		}
	}

	.dialog-content {
		overflow-y: auto;
		background-color: var(--backgrounds-100);
		flex-grow: 1;
		padding: 16px 32px;
	}

	.dialog-actions {
		padding: 16px 32px;
		box-sizing: border-box;
		background-color: var(--backgrounds-200);
		border-top: 1px solid var(--backgrounds-500);

		.actions-wrapper {
			display: flex;

			&.align-left {
				justify-content: flex-start;

				button {
					margin-right: 20px;
				}
			}

			&.align-right {
				justify-content: flex-end;

				button {
					margin-left: 20px;
				}
			}

			&.align-center {
				justify-content: center;

				button {
					margin-right: 20px;
				}
			}

			&.align-spread {
				justify-content: space-between;
			}
		}
	}
}
