import { unit } from '@ant-design/cssinjs'; import type { CSSObject } from '@ant-design/cssinjs'; import type { GenerateStyle } from '../../theme/internal'; import type { TableToken } from './index'; const genPaginationStyle: GenerateStyle<TableToken, CSSObject> = (token) => { const { componentCls, antCls, margin } = token; return { [`${componentCls}-wrapper`]: { // ========================== Pagination ========================== [`${componentCls}-pagination${antCls}-pagination`]: { margin: `${unit(margin)} 0`, }, [`${componentCls}-pagination`]: { display: 'flex', flexWrap: 'wrap', rowGap: token.paddingXS, '> *': { flex: 'none', }, '&-left': { justifyContent: 'flex-start', }, '&-center': { justifyContent: 'center', }, '&-right': { justifyContent: 'flex-end', }, }, }, }; }; export default genPaginationStyle;