UNPKG

@zendeskgarden/react-pagination

Version:

Components relating to pagination in the Garden Design System

22 lines (19 loc) 926 B
/** * Copyright Zendesk, Inc. * * Use of this source code is governed under the Apache License, Version 2.0 * found at http://www.apache.org/licenses/LICENSE-2.0. */ import styled from 'styled-components'; import { componentStyles } from '@zendeskgarden/react-theming'; import { StyledPageBase } from '../OffsetPagination/StyledPageBase.js'; const COMPONENT_ID = 'cursor_pagination.cursor'; const StyledCursor = styled(StyledPageBase).attrs({ 'data-garden-id': COMPONENT_ID, 'data-garden-version': '9.7.2', as: 'button' }).withConfig({ displayName: "StyledCursor", componentId: "sc-507ee-0" })(["display:flex;align-items:center;border:none;background:transparent;padding:", ";overflow:visible;&:not(", "-of-type){margin-right:", "px;}", ";"], props => `0px ${props.theme.space.base * 2}px`, props => props.theme.rtl ? ':first' : ':last', props => props.theme.space.base, componentStyles); export { StyledCursor };