UNPKG

@zendeskgarden/react-pagination

Version:

Components relating to pagination in the Garden Design System

29 lines (26 loc) 893 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, { css } from 'styled-components'; import { componentStyles, getColor } from '@zendeskgarden/react-theming'; const COMPONENT_ID = 'pagination.list'; const colorStyles = _ref => { let { theme } = _ref; return css(["color:", ";"], getColor({ variable: 'foreground.subtle', theme })); }; const StyledList = styled.ul.attrs({ 'data-garden-id': COMPONENT_ID, 'data-garden-version': '9.7.2' }).withConfig({ displayName: "StyledList", componentId: "sc-1uz2jxo-0" })(["direction:", ";display:flex;justify-content:center;margin:0;padding:0;list-style:none;white-space:nowrap;", " &:focus{outline:none;}", ";"], p => p.theme.rtl && 'rtl', colorStyles, componentStyles); export { StyledList };