24 lines
1011 B
TypeScript
24 lines
1011 B
TypeScript
"use client"
|
|
import useSound from 'use-sound';
|
|
|
|
export default function Soundboard() {
|
|
const [playBoyYouPlay] = useSound("/boyyouplay.m4a", {soundEnabled: true});
|
|
const [playEatItUp] = useSound("/eatitup.m4a", {soundEnabled: true});
|
|
const [playGangbusters] = useSound("/gangbusters.m4a", {soundEnabled: true});
|
|
const [playHusky] = useSound("/husky.m4a", {soundEnabled: true});
|
|
const [playPrettyFlags] = useSound("/prettyflags.m4a", {soundEnabled: true});
|
|
|
|
const getButton = (title: string, play: () => void) => {
|
|
return <button className="border-2 rounded-lg p-4 text-center text-xl font-medium cursor-pointer hover:bg-gray-200" onClick={() => play()}>{title}</button>
|
|
}
|
|
|
|
return (
|
|
<div className="grid grid-cols-2 gap-8">
|
|
{getButton("Boy you play!", playBoyYouPlay)}
|
|
{getButton("Eat It Up!", playEatItUp)}
|
|
{getButton("Gangbusters", playGangbusters)}
|
|
{getButton("Husky", playHusky)}
|
|
{getButton("Pretty Flags", playPrettyFlags)}
|
|
</div>
|
|
);
|
|
} |