@loke/ui
Version:
2 lines (1 loc) • 791 B
JavaScript
import{Primitive}from"@loke/ui/primitive";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var NAME="Separator",DEFAULT_ORIENTATION="horizontal",ORIENTATIONS=["horizontal","vertical"],Separator=forwardRef((props,forwardedRef)=>{let{decorative,orientation:orientationProp=DEFAULT_ORIENTATION,...domProps}=props,orientation=isValidOrientation(orientationProp)?orientationProp:DEFAULT_ORIENTATION,semanticProps=decorative?{role:"none"}:{"aria-orientation":orientation==="vertical"?orientation:void 0,role:"separator"};return jsx(Primitive.div,{"data-orientation":orientation,...semanticProps,...domProps,ref:forwardedRef})});Separator.displayName=NAME;function isValidOrientation(orientation){return ORIENTATIONS.includes(orientation)}var Root=Separator;export{Separator,Root};