/** @format */

import React from 'react';

import { TabModeWrapper } from './styled';

interface TabModeProps {
  tabState: string;
  handleTabChange: (value: string) => void;
}

const TabMode = (props: TabModeProps) => {
  const { tabState, handleTabChange } = props;
  return (
    <TabModeWrapper>
      <div
        className={`tab-block ${tabState === 'basic-info' ? 'selected' : ''}`}
        onClick={() => handleTabChange('basic-info')}
      >
        基础信息
      </div>

      <div
        className={`tab-block ${tabState === 'house-pic' ? 'selected' : ''}`}
        onClick={() => handleTabChange('house-pic')}
      >
        户型图
      </div>
    </TabModeWrapper>
  );
};

export default TabMode;