import styled, { css } from 'styled-components';
import { primary, surfaceLiquid03 } from '../../tokens';
/**
 * Элемент пагинации точками.
 * Стилизованный компонент, обладающий всеми свойствами ``div``.
 */ export var PaginationDot = styled.li.withConfig({
    displayName: "PaginationDot",
    componentId: "sc-184538f4-0"
})([
    "width:0.375rem;height:0.375rem;border-radius:1rem;background:",
    ";transition:",
    ";font-size:0.5rem;& + &{margin-left:0.375rem;}&:focus{outline:0 none;}",
    ""
], surfaceLiquid03, function(param) {
    var theme = param.theme;
    return theme.lowPerformance ? 'unset' : 'width 0.1s ease-in-out, background 0.3s ease-in-out';
}, function(param) {
    var isActive = param.isActive;
    return isActive && css([
        "width:1.75rem;background:",
        ";"
    ], primary);
});
