20 lines
611 B
TypeScript
20 lines
611 B
TypeScript
|
import React from 'react';
|
||
|
|
|
||
|
|
import './data-switcher.css';
|
||
|
|
|
||
|
|
interface DataLayerSwitcherProps {
|
||
|
|
currentDisplay: string;
|
||
|
|
onSubmit: (e: React.FormEvent<HTMLFormElement>) => void;
|
||
|
|
}
|
||
|
|
|
||
|
|
const DataLayerSwitcher: React.FC<DataLayerSwitcherProps> = (props) => (
|
||
|
|
<form className={`data-switcher ${props.currentDisplay}`} onSubmit={props.onSubmit}>
|
||
|
|
<button className="btn btn-outline btn-outline-dark"
|
||
|
|
type="submit">
|
||
|
|
{(props.currentDisplay === 'enabled')? 'Switch off layer listing' : 'Switch on layer listing'}
|
||
|
|
</button>
|
||
|
|
</form>
|
||
|
|
);
|
||
|
|
|
||
|
|
export default DataLayerSwitcher;
|