@import '../shape/pagination';

////
/// @group schemas
/// @access private
/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
////

/// Generates a light avatar schema.
/// @type {Map}
/// @prop {Color} text-color [currentColor] - The text color.
/// @prop {Map} background-color [igx-color: ('grays', 100), hexrgba: #fff] - The background color of the paging panel.
/// @prop {Map} border-color [igx-color: ('grays', 400)] - The border color of the paging panel.
/// @see $default-palette
$_light-pagination: (
    text-color: currentColor,

    background-color: (
        igx-color: ('grays', 100),
        hexrgba: #fff
    ),

    border-color: (
        igx-color: ('grays', 400)
    )
);

/// Generates a light avatar schema.
/// @type {Map}
/// @prop {Map} background-color [igx-color: 'surface'] - The background color of the paging panel.
/// @prop {Map} border-color [igx-color: ('grays', 100), hexrgba: #fff] - The border color of the paging panel.
/// @requires {function} extend
/// @requires {map} $_light-pagination
$_fluent-pagination: extend(
    $_light-pagination,
    (
        background-color: (
            igx-color: 'surface'
        ),

        border-color: (
            igx-color: ('grays', 100),
            hexrgba: #fff
        )
    )
);