@parkassist/pa-ui-library/dist/components/Separator/index.js

INX Platform elements

import { jsx as _jsx } from "react/jsx-runtime";
import React from "react";
import styled from "styled-components";
import { Column } from "../Layout/Flex";
import Palette from "../../constants/Palette";
import Measures from "../../constants/Measures";
const Separator = styled.div(({
  color,
  fullwidth,
  noMarginTop,
  noMarginBottom
}) => ({
  height: 1,
  width: fullwidth ? "100%" : "95%",
  backgroundColor: color || Palette.DARK_GREY,
  marginTop: noMarginTop ? 0 : Measures.unit,
  marginBottom: noMarginBottom ? 0 : Measures.unit
}));
const Wrapper = styled(Column)`
  width: 100%;
  align-items: center;
`;
const SeparatorComponent = props => _jsx(Wrapper, {
  children: _jsx(Separator, Object.assign({}, props))
});
export default SeparatorComponent;