moodist/src/components/menu/items/shuffle.tsx

import { BiShuffle } from 'react-icons/bi/index';

import { useSoundStore } from '@/stores';

import { Item } from '../item';

export function Shuffle() {
  const shuffle = useSoundStore(state => state.shuffle);
  const locked = useSoundStore(state => state.locked);

  return (
    <Item
      disabled={locked}
      icon={<BiShuffle />}
      label="Shuffle Sounds"
      onClick={shuffle}
    />
  );
}