import { ArrowLeftIcon } from "@/icons/arrow-left-icon"; import { ArrowRightIcon } from "@/icons/arrow-right-icon"; import { Button, LargeButton, NormalToLargeButton, SmallButton, SmallToLargeButton, XLargeButton, } from "@/components/button"; import { Variation, VariationsContainer } from "@/utils/variations-components"; export default function Example() { return ( } after={} className="h-11 text-base w-full flex" data-component="6f1da9bf-aba8-4fb6-b7bc-f9d903ce6e4a" > Large } after={} className="h-11 text-base rounded-full w-full flex" data-component="b54636bf-df3f-41fb-8136-3fc8162a95cd" > Large } after={} className="h-14 text-lg w-full flex" data-component="bba3fcab-5f6f-4528-a94d-fa285f7ea41c" > XLarge } after={} className="h-14 text-lg w-full flex rounded-full" data-component="5338f37b-969f-4d2b-9789-f61eff5d3e69" > XLarge } after={} data-component="62fb1850-7607-433f-a5e6-a3df29ecfda5" > Small to Large } after={} className="rounded-full" data-component="0d6c97d1-8415-4f25-8a85-84fdd5f1b74a" > Small to Large } after={} data-component="7e685004-cd49-4720-a32d-daa1fce7e10e" > Normal to XLarge } after={} className="rounded-full" data-component="b5fb2f18-7ac3-4b90-bc46-93af9c741066" > Normal to XLarge ); }