Vercel/src/focal/FocalLengthHeader.tsx
2024-08-31 19:43:52 -05:00

40 lines
943 B
TypeScript

import { Photo, PhotoDateRange } from '@/photo';
import { descriptionForFocalLengthPhotos } from '.';
import { pathForFocalLengthShare } from '@/site/paths';
import PhotoHeader from '@/photo/PhotoHeader';
import PhotoFocalLength from './PhotoFocalLength';
export default function FocalLengthHeader({
focal,
photos,
selectedPhoto,
indexNumber,
count,
dateRange,
}: {
focal: number
photos: Photo[]
selectedPhoto?: Photo
indexNumber?: number
count?: number
dateRange?: PhotoDateRange
}) {
return (
<PhotoHeader
focal={focal}
entity={<PhotoFocalLength focal={focal} contrast="high" />}
entityDescription={descriptionForFocalLengthPhotos(
photos,
undefined,
count,
)}
photos={photos}
selectedPhoto={selectedPhoto}
sharePath={pathForFocalLengthShare(focal)}
indexNumber={indexNumber}
count={count}
dateRange={dateRange}
/>
);
}