Bubble

bun add @adila-sh/ui

import { Bubble, BubbleContent, BubbleGroup } from '@adila-sh/ui';

export function Example() {
  return (
    <BubbleGroup className="w-full max-w-xs">
      <Bubble variant="muted" align="start">
        <BubbleContent>Oi! Tudo bem por aí?</BubbleContent>
      </Bubble>
      <Bubble align="end">
        <BubbleContent>Tudo ótimo, e com você?</BubbleContent>
      </Bubble>
      <Bubble variant="muted" align="start">
        <BubbleContent>Também! Bora marcar aquela call?</BubbleContent>
      </Bubble>
    </BubbleGroup>
  );
}