/*
 * @Author: ZhaoYing 
 * @Date: 2026-02-02 15:18:50 
 * @Last Modified by:   ZhaoYing 
 * @Last Modified time: 2026-02-02 15:18:50 
 */
/**
 * PageTabs Component
 * 
 * A styled wrapper around Ant Design's Segmented component for page-level tab navigation.
 * Provides consistent styling for tab interfaces across the application.
 * 
 * @component
 */

import { type FC } from 'react';
import { Segmented, type SegmentedProps } from 'antd';

import styles from './index.module.css';

/**
 * Page tabs component wrapper for Ant Design Segmented component.
 * Applies custom styling via CSS modules.
 */
const PageTabs: FC<SegmentedProps> = ({
  value,
  options,
  onChange
}) => {
  return <Segmented
    value={value}
    options={options}
    onChange={onChange}
    className={styles.pageTabs}
  />;
};

export default PageTabs;