Divider

import { Divider, FlexColumn, FlexRow, Text } from "@ronin-nexus/atomic";
 
<FlexColumn className="w-[400px] rounded p-4" bg="sunken">
  <Text>
    Primary Text: is the main text of a pattern which used to convey the content for reading. Applied for the highest
    1st Hierachy.
  </Text>
  <Divider className="my-4" />
  <FlexRow className="gap-3">
    <Text>Docs</Text>
    <Divider orientation="vertical" className="mx-4" />
    <Text>Developer</Text>
    <Divider orientation="vertical" className="mx-4" />
    <Text>Pricing</Text>
  </FlexRow>
</FlexColumn>;