//
// Copyright 2025 Sandlada & Kai Orion
// SPDX-License-Identifier: MIT
//

@use 'sass:map';
@use '../../../tokens';

@mixin styles() {
    &.desktop {
        &.single-line {
            padding: 0 16px;
            min-height: var(--_desktop-with-single-line-container-height);
            display: flex;
            align-items: center;
            gap: 12px;
        }

        &.two-lines {
            padding: 16px;
            min-height: var(--_desktop-with-two-lines-with-image-container-height);
            display: grid;
            grid-template-columns: auto 1fr;
            grid-template-rows: 1fr auto;
            gap: 16px;
            flex-direction: column;
            align-items: center;

            & > .icon {
                align-self: flex-start;
                grid-column: 1/2;
            }
            & > .supporting-text {
                grid-column: 2/3;
            }
            & > :is(.icon, .supporting-text) {
                grid-row: 1/2;
            }
            & > .actions {
                grid-column: 1/3;
                grid-row: 2/3;
            }
        }

        &.three-lines {
            padding: 16px;
            min-height: var(--_desktop-with-three-lines-container-height);
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: auto 1fr auto;
            gap: 16px;
            flex-direction: column;
            align-items: center;

            & > .icon {
                grid-row: 1/2;
            }
            & > .supporting-text {
                grid-row: 2/3;
            }
            & > .actions {
                grid-row: 3/4;
            }
            & > :is(.icon, .supporting-text, .actions) {
                grid-column: 1/2;
            }
        }
    }
}