mirror of https://github.com/morpheus65535/bazarr
27 lines
621 B
TypeScript
27 lines
621 B
TypeScript
import { BuildKey } from "@/utilities";
|
|
import { Badge, BadgeProps, Group, GroupProps } from "@mantine/core";
|
|
import { FunctionComponent } from "react";
|
|
|
|
export type AudioListProps = GroupProps & {
|
|
audios: Language.Info[];
|
|
badgeProps?: BadgeProps<"div">;
|
|
};
|
|
|
|
const AudioList: FunctionComponent<AudioListProps> = ({
|
|
audios,
|
|
badgeProps,
|
|
...group
|
|
}) => {
|
|
return (
|
|
<Group spacing="xs" {...group}>
|
|
{audios.map((audio, idx) => (
|
|
<Badge color="teal" key={BuildKey(idx, audio.code2)} {...badgeProps}>
|
|
{audio.name}
|
|
</Badge>
|
|
))}
|
|
</Group>
|
|
);
|
|
};
|
|
|
|
export default AudioList;
|