@use '../../../../utils/map' as *;
@use '../../../../typography/functions' as *;

////
/// @package theming
/// @group schemas
/// @access private
////

/// Generates a light column actions schema.
/// @type Map
/// @prop {Map} title-color [color: ('primary', 500)]- The text color used for the title of the list.
/// @prop {Map} background [color: ('surface')] - The background color of the panel.
/// @prop {Map} typography [title: (value: 'subtitle-1')] - The typography styles used for the component.

$light-column-actions: (
    background: (
        color: (
            'surface',
        ),
    ),

    title-color: (
        color: (
            'primary',
            500,
        ),
    ),

    typography: (
        title: (
            value: 'subtitle-1',
        ),
    ),

    _meta: (
        name: 'column-actions',
        variant: 'light',
    ),
);

/// Generates a material column actions schema.
/// @type Map
/// @requires $light-column-actions
$material-column-actions: extend(
    $light-column-actions,
    (
        _meta: (
            theme: 'material',
        ),
    )
);

/// Generates a fluent column actions schema.
/// @type Map
/// @requires $light-column-actions
$fluent-column-actions: extend(
    $light-column-actions,
    (
        _meta: (
            theme: 'fluent',
        ),
    )
);

/// Generates a bootstrap column actions schema.
/// @type Map
/// @requires $light-column-actions
$bootstrap-column-actions: extend(
    $light-column-actions,
    (
        _meta: (
            theme: 'bootstrap',
        ),
    )
);

/// Generates an indigo column actions schema.
/// @type Map
/// @requires $light-column-actions
$indigo-column-actions: extend(
    $light-column-actions,
    (
        _meta: (
            theme: 'indigo',
        ),
    )
);