27 lines
725 B
TypeScript
27 lines
725 B
TypeScript
import { useState } from 'react';
|
|
import { Segmented } from 'antd';
|
|
import SynthesisTheme from './components/SynthesisTheme';
|
|
import RecordTheme from './components/RecordTheme';
|
|
|
|
export default () => {
|
|
const [current, setCurrent] = useState<string>("综合配置");
|
|
|
|
return (
|
|
<div>
|
|
<Segmented<string>
|
|
size="large"
|
|
options={['综合配置', '说说配置']}
|
|
onChange={setCurrent}
|
|
className='md:ml-10 mb-4'
|
|
/>
|
|
|
|
{current === "综合配置" && (
|
|
<SynthesisTheme />
|
|
)}
|
|
|
|
{current === "说说配置" && (
|
|
<RecordTheme />
|
|
)}
|
|
</div>
|
|
);
|
|
}; |