@use '../../../../utils/map' as *;
@use '../light/resize-indicator' as *;

////
/// @package theming
/// @group schemas
/// @access public
////

/// Generates a dark base resize indicator schema.
/// @type {Map}
/// @requires {Map} $light-resize-indicator
$dark-base-resize-indicator: $light-resize-indicator;

/// Generates a dark material resize indicator schema.
/// @type {Map}
/// @requires {Map} $dark-base-resize-indicator
$dark-material-resize-indicator: extend(
    $dark-base-resize-indicator,
    (
        _meta: (
            theme: 'material',
            variant: 'dark',
        ),
    )
);

/// Generates a dark fluent resize indicator schema.
/// @type {Map}
/// @requires {Map} $dark-base-resize-indicator
$dark-fluent-resize-indicator: extend(
    $dark-base-resize-indicator,
    (
        _meta: (
            theme: 'fluent',
            variant: 'dark',
        ),
    )
);

/// Generates a dark bootstrap resize indicator schema.
/// @type {Map}
/// @requires {Map} $dark-base-resize-indicator
$dark-bootstrap-resize-indicator: extend(
    $dark-base-resize-indicator,
    (
        _meta: (
            theme: 'bootstrap',
            variant: 'dark',
        ),
    )
);

/// Generates a dark indigo resize indicator schema.
/// @type {Map}
/// @prop {Map} resize-indicator [color: ('primary', 300)] - The color of the resize indicator.
$dark-indigo-resize-indicator: (
    resize-indicator: (
        color: (
            'primary',
            300,
        ),
    ),

    _meta: (
        theme: 'indigo',
        variant: 'dark',
    ),
);