@equinor/eds-core-react/dist/esm/components/Pagination/PaginationItem.js

The React implementation of the Equinor Design System

import { forwardRef } from 'react';
import { Button } from '../Button/index.js';
import { pagination } from './Pagination.tokens.js';
import { jsx } from 'react/jsx-runtime';

const PaginationItem = /*#__PURE__*/forwardRef(function PaginationItem({
  $page,
  selected,
  onClick,
  ...rest
}, ref) {
  const props = {
    ref,
    $page,
    selected,
    ...rest
  };
  const background = selected ? pagination.entities.item.states.active.background : null;
  return /*#__PURE__*/jsx(Button, {
    style: {
      background
    },
    variant: "ghost_icon",
    onClick: onClick ? onClick : undefined,
    ...props,
    children: $page
  });
});

export { PaginationItem };