grafixeyehero
33 lines
939 B
TypeScript
33 lines
939 B
TypeScript
import React, { type FC } from 'react';
|
|
import useList from './useList';
|
|
import ListContent from './ListContent';
|
|
import ListWrapper from './ListWrapper';
|
|
import type { ItemDto } from 'types/base/models/item-dto';
|
|
import type { ListOptions } from 'types/listOptions';
|
|
import '../../mediainfo/mediainfo.scss';
|
|
import '../../guide/programs.scss';
|
|
|
|
interface ListProps {
|
|
index: number;
|
|
item: ItemDto;
|
|
listOptions?: ListOptions;
|
|
}
|
|
|
|
const List: FC<ListProps> = ({ index, item, listOptions = {} }) => {
|
|
const { getListdWrapperProps, getListContentProps } = useList({ item, listOptions } );
|
|
const listWrapperProps = getListdWrapperProps();
|
|
const listContentProps = getListContentProps();
|
|
|
|
return (
|
|
<ListWrapper
|
|
key={index}
|
|
index={index}
|
|
{...listWrapperProps}
|
|
>
|
|
<ListContent {...listContentProps} />
|
|
</ListWrapper>
|
|
);
|
|
};
|
|
|
|
export default List;
|