Commit 76729fd9 authored by Lyza Danger Gardner's avatar Lyza Danger Gardner Committed by Lyza Gardner

Use `Button` instead of `ButtonBase` in `PaginationNavigation`

parent 22820690
import { import {
ButtonBase, Button,
ArrowLeftIcon, ArrowLeftIcon,
ArrowRightIcon, ArrowRightIcon,
} from '@hypothesis/frontend-shared'; } from '@hypothesis/frontend-shared';
...@@ -16,14 +16,17 @@ type NavigationButtonProps = PresentationalProps & ...@@ -16,14 +16,17 @@ type NavigationButtonProps = PresentationalProps &
function NavigationButton({ ...buttonProps }: NavigationButtonProps) { function NavigationButton({ ...buttonProps }: NavigationButtonProps) {
return ( return (
<ButtonBase <Button
classes={classnames( classes={classnames(
'px-3.5 py-2.5 gap-x-1 font-semibold', 'px-3.5 py-2.5 gap-x-1',
'font-semibold',
// These colors are the same as the "dark" variant of IconButton // These colors are the same as the "dark" variant of IconButton
'text-grey-7 bg-grey-2 enabled:hover:text-grey-9 enabled:hover:bg-grey-3', 'text-grey-7 bg-grey-2 enabled:hover:text-grey-9 enabled:hover:bg-grey-3',
'disabled:text-grey-5 aria-pressed:bg-grey-3 aria-expanded:bg-grey-3' 'disabled:text-grey-5 aria-pressed:bg-grey-3 aria-expanded:bg-grey-3'
)} )}
{...buttonProps} {...buttonProps}
size="custom"
variant="custom"
/> />
); );
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment