xref: /MusicFree/src/components/mediaItem/LyricItem.tsx (revision 1119c2ea435417cd5c53719f91691ff2b1aa8670)

import React from 'react';
import ListItem from '@/components/base/listItem';
import {ImgAsset} from '@/constants/assetsConst';
import TitleAndTag from './titleAndTag';

interface IAlbumResultsProps {
    lyricItem: ILyric.ILyricItem;
    onPress?: (musicItem: ILyric.ILyricItem) => void;
}
export default function LyricItem(props: IAlbumResultsProps) {
    const {lyricItem, onPress} = props;

    return (
        <ListItem
            heightType="big"
            withHorizonalPadding
            onPress={() => {
                onPress?.(lyricItem);
            }}>
            <ListItem.ListItemImage
                uri={lyricItem.artwork}
                fallbackImg={ImgAsset.albumDefault}
            />
            <ListItem.Content
                description={lyricItem.artist ?? ''}
                title={
                    <TitleAndTag
                        title={lyricItem.title}
                        tag={lyricItem.platform}
                    />
                }
            />
        </ListItem>
    );
}