"use client";
import Style from "./Divider.styled";
export default function Divider(props) {
    const vertical = props?.vertical || false;
    const margin = props?.margin || 0;
    const gap = props?.gap || 2;
    const strong = props?.strong || false;
    const color = props?.color || "white";
    return (<Style $color={color} $vertical={vertical} $responsive={props?.responsive} $margin={margin} $gap={gap} $strong={strong} style={props?.style} data-show={props?.show} data-hide={props?.hide}>
            {props?.children ? (<>
                    {props?.align !== "right" && <div />}
                    <span>{props?.children}</span>
                    {props?.align !== "left" && <div />}
                </>) : (<div />)}
        </Style>);
}
//# sourceMappingURL=Divider.jsx.map