Add movie details and cast components: implement Page, HeroMovie, and MovieCast components to display detailed movie information, including cast, genres, and financial data. Integrate new BackButton and GenreLabel components for enhanced navigation and presentation.
This commit is contained in:
13
src/components/atoms/GenreLabel/index.tsx
Normal file
13
src/components/atoms/GenreLabel/index.tsx
Normal file
@@ -0,0 +1,13 @@
|
||||
import { FC } from "react";
|
||||
|
||||
type Props = {
|
||||
genre: string;
|
||||
};
|
||||
|
||||
export const GenreLabel: FC<Props> = ({ genre }) => {
|
||||
return (
|
||||
<span className="px-3 py-1 bg-gradient-to-r from-purple-600/30 to-pink-600/30 rounded-full text-sm border border-purple-400/30">
|
||||
{genre}
|
||||
</span>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user