import { FC, PropsWithChildren } from "react";
import { Poppable } from "@/lib/poppables/components/poppable";

export const Truncate: FC<PropsWithChildren> = ({ children }) => {
  return (
    <Poppable
      content={children}
      preferredAlign="centered"
      preferredEdge="top"
    >
      <p className="truncate max-w-full underline">{children}</p>
    </Poppable>
  );
};