Files
flipper/src/ui/components/ButtonNavigationGroup.tsx
Daniel Büchele 5cb12c3b1f Button components
Summary: _typescript_

Reviewed By: passy, bnelo12

Differential Revision: D16830539

fbshipit-source-id: a44ad0914b2581648b06e421476e0ba31ae96992
2019-08-20 05:45:47 -07:00

37 lines
906 B
TypeScript

/**
* Copyright 2018-present Facebook.
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
* @format
*/
import ButtonGroup from './ButtonGroup';
import Button from './Button';
import React from 'react';
/**
* Button group to navigate back and forth.
*/
export default function ButtonNavigationGroup(props: {
/** Back button is enabled */
canGoBack: boolean;
/** Forwards button is enabled */
canGoForward: boolean;
/** Callback when back button is clicked */
onBack: () => void;
/** Callback when forwards button is clicked */
onForward: () => void;
}) {
return (
<ButtonGroup>
<Button disabled={!props.canGoBack} onClick={props.onBack}>
{'<'}
</Button>
<Button disabled={!props.canGoForward} onClick={props.onForward}>
{'<'}
</Button>
</ButtonGroup>
);
}