Emoji

import { IconWord } from "@/components/media/headline-icon";
import { Heading } from "@/components/typography";

export default function EmojiInHeadline() {
  return (
    <Heading size="headline" className="text-center">
      Ads that ship <IconWord icon={{ emoji: "ship" }} after="weekly." />
    </Heading>
  );
}

import { Emoji } from "@/components/media";
import { emojiTones } from "@/lib/media";

export default function EmojiTones() {
  return (
    <>
      <Emoji name="waving-hand" className="size-14" />
      {emojiTones.map((tone) => (
        <Emoji key={tone} name="waving-hand" tone={tone} className="size-14" />
      ))}
    </>
  );
}