forked from akai/readest
Huang Xin
31 lines
837 B
TypeScript
31 lines
837 B
TypeScript
import clsx from 'clsx';
|
|
import React from 'react';
|
|
|
|
import { useSidebarStore } from '@/store/sidebarStore';
|
|
import useTrafficLight from '@/hooks/useTrafficLight';
|
|
|
|
interface SectionInfoProps {
|
|
section?: string;
|
|
gapLeft: string;
|
|
}
|
|
|
|
const SectionInfo: React.FC<SectionInfoProps> = ({ section, gapLeft }) => {
|
|
const { isSideBarVisible } = useSidebarStore();
|
|
const { isTrafficLightVisible } = useTrafficLight();
|
|
return (
|
|
<div
|
|
className={clsx(
|
|
'pageinfo absolute right-0 top-0 flex max-w-[50%] items-end',
|
|
isTrafficLightVisible && !isSideBarVisible ? 'h-[44px]' : 'h-[30px]',
|
|
)}
|
|
style={{ left: gapLeft }}
|
|
>
|
|
<h2 className='text-neutral-content line-clamp-1 text-center font-sans text-xs font-light'>
|
|
{section || ''}
|
|
</h2>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default SectionInfo;
|