Other Utilities

<BodyText className="text-left">Align Left</BodyText>
<BodyText className="text-center">Align Center</BodyText>
<BodyText className="text-right">Align Right</BodyText>
<Divider className="my-4" />
<BodyText className="text-justify">
  This content is set to justify text alignment. Lorem ipsum dolor sit amet,
  consectetur adipiscing elit. Phasellus ornare nec lorem non viverra. Donec
  suscipit tellus a dui dapibus, sed auctor sapien condimentum.
</BodyText>

<div className="p-3 rounded bg-blue ">
  <BodyText className="text-white">
    This container has a rounded border
  </BodyText>
</div>

<BodyText className="cursor-default">
  Hover over me to see a default cursor
</BodyText>
<BodyText className="cursor-pointer">
  Hover over me to see a pointer cursor
</BodyText>
<BodyText className="cursor-progress">
  Hover over me to see a progress cursor
</BodyText>
<BodyText className="cursor-not-allowed">
  Hover over me to see a not-allowed cursor
</BodyText>

<BodyText className="user-select-auto">
  <Button size="small">Button</Button> Try to highlight this section to see
  'auto' option.
</BodyText>
<BodyText className="user-select-none">
  <Button size="small">Button</Button> Try to highlight this section to see
  'none' option.
</BodyText>
<BodyText className="user-select-text">
  <Button size="small">Button</Button> Try to highlight this section to see
  'text' option.
</BodyText>
<BodyText className="user-select-all">
  <Button size="small">Button</Button> Try to highlight this section to see
  'all' option.
</BodyText>