Sha256: 92ec041a121476a0a50d74ae18f89142525ee4868d0d943391b7a96d75e06220

Contents?: true

Size: 815 Bytes

Versions: 4

Compression:

Stored size: 815 Bytes

Contents


/* @flow */

import React from 'react'
import classnames from 'classnames'
import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
import { globalProps } from '../utilities/globalProps'

type PaginationProps = {
  aria?: { [key: string]: string },
  className?: string,
  data?: { [key: string]: string },
  id?: string,
}

const Pagination = (props: PaginationProps) => {
  const {
    aria = {},
  className,
  data = {},
  id,
  } = props

  const ariaProps = buildAriaProps(aria)
  const dataProps = buildDataProps(data)
  const classes = classnames(buildCss('pb_pagination'), globalProps(props), className)

  return (
    <div
        {...ariaProps}
        {...dataProps}
        className={classes}
        id={id}
    >
      {className}
    </div>
  )
}

export default Pagination

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
playbook_ui-11.16.0.pre.alpha.paginationrails1 app/pb_kits/playbook/pb_pagination/_pagination.tsx
playbook_ui-11.16.0.pre.alpha.pagination.rails1 app/pb_kits/playbook/pb_pagination/_pagination.tsx
playbook_ui-11.11.0.pre.alpha.paginate2 app/pb_kits/playbook/pb_pagination/_pagination.tsx
playbook_ui-11.11.0.pre.alpha.paginate1 app/pb_kits/playbook/pb_pagination/_pagination.tsx