@import '../shape/snackbar';
@import '../elevation/snackbar';

////
/// @group schemas
/// @access private
/// @author <a href="https://github.com/desig9stein" target="_blank">Marin Popov</a>
////

/// Generates a light snackbar schema.
/// @type {Map}
/// @property {map} background [igx-color: ('grays', 900)] - The background color used in the snackbar.
/// @property {map} text-color [igx-contrast-color: ('grays', 900)] - The text color used in the snackbar.
/// @property {map} button-color [igx-color: ('secondary', 500)] - The button color used in the snackbar.
/// @property {number} elevation [4] - The elevation level (shadow) used in the snackbar.
/// @prop {Number} border-radius [.17] - The border radius fraction, between 0-1 to be used for the snackbar component.
/// @see $default-palette
$_light-snackbar: extend(
    $_default-shape-snackbar,
    $_default-elevation-snackbar,
    (
        border-radius: .17,

        background: (
            igx-color: ('grays', 900)
        ),

        text-color: (
            igx-contrast-color: ('grays', 900)
        ),

        button-color: (
            igx-color: ('secondary', 500)
        ),
    )
);

/// Generates a fluent snackbar schema.
/// @type {Map}
/// @prop {Number} border-radius [2px] - The border radius fraction, between 0-1 to be used for the snackbar component.
/// @requires {function} extend
/// @requires $_light-snackbar
/// @requires $_fluent-shape-snackbar
$_fluent-snackbar: extend($_light-snackbar, $_fluent-shape-snackbar);