import React, { useMemo, useState } from 'react';
import { Button, ConfigProvider, Segmented, Tooltip } from 'antd';
const text = prompt text;
const buttonWidth = 80;
const App: React.FC = () => {
const [arrow, setArrow] = useState('Show');
const mergedArrow = useMemo(() => {
if (arrow === 'Hide') {
return false;
}
if (arrow === 'Show') {
return true;
}
return {
pointAtCenter: true,
};
}, [arrow]);
return (
setArrow(val)}
style={{ marginBottom: 24 }}
/>
);
};
export default App;