\n
\n \n 注目のタグ\n \n \n\n {topTags?.length && (\n
\n {topTags.map((tag, _index) => (\n navigate(`/tags/${tag.slug}`)}\n >\n {tag.name}\n \n ))}\n
\n )}\n
\n );\n}\n","import React from \"react\";\n\nimport movieBackgroundImageUrl from \"assets/img/home/bg-movie.jpg\";\nimport { Button, Grid, Typography } from \"@material-ui/core\";\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nconst useStyles = makeStyles((theme) => ({\n backgroundImageContainer: {\n backgroundImage: `url(\"${movieBackgroundImageUrl}\")`,\n backgroundPosition: \"center\",\n backgroundRepeat: \"no-repeat\",\n height: \"604px\",\n },\n button: {\n border: \"1px solid rgb(255,255,255, 0.5)\",\n minWidth: \"321px\",\n },\n boldText: {\n color: \"white\",\n fontWeight: \"bold\",\n },\n buttonText: {\n color: \"white\",\n fontWeight: \"bold\",\n padding: \"0px 40px\",\n },\n leftContainer: {\n marginTop: \"44px\",\n marginBottom: \"44px\",\n textAlign: \"center\",\n justifyContent: \"center\",\n backgroundColor: \"black\",\n },\n channelTitle: {\n paddingTop: \"32px\",\n },\n movieLink: {\n paddingBottom: \"32px\",\n },\n}));\n\ntype Props = {\n youtubes: {\n priority: number;\n src: string;\n }[];\n};\n\nexport default function KaziMovie(props: Props) {\n const { youtubes } = props;\n\n const classes = useStyles();\n\n return (\n