import { jsx } from "react/jsx-runtime";
import { bool } from "prop-types";
import React from "react";
import styled, { css, withTheme } from "styled-components";
const StyledDivider = styled.View`
  ${({
  theme: {
    yoga: { borders, colors }
  },
  vertical
}) => {
  return css`
      ${vertical ? "height: auto" : "width: auto"};
      ${vertical ? `border-left-width: ${borders.small}` : `border-bottom-width: ${borders.small}`};

      border-color: ${colors.text.disabled};
    `;
}}
`;
const Divider = React.forwardRef(({ vertical = false }, ref) => {
  return /* @__PURE__ */ jsx(StyledDivider, { vertical, ref });
});
Divider.propTypes = {
  /** If this value is defined, the divider will be in vertical when the flexDirection is row type */
  vertical: bool
};
var Divider_default = withTheme(Divider);
export {
  Divider_default as default
};
