retro-react/dist/cjs/components/divider/Divider.js

A React component library for building retro-style websites

"use strict";var e=require("../../_virtual/_tslib.js"),r=require("react"),i=require("../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js"),t=require("../../utils/getColorGradients.js");const o=r.forwardRef(((r,o)=>{var{sx:s,orientation:n="horizontal",color:a="primary",flexItem:l=!1}=r,d=e.__rest(r,["sx","orientation","color","flexItem"]);const u=t.getColorGradientOptions(a),c=u.length>1;return i.jsx("div",Object.assign({},d,{ref:o,sx:Object.assign({width:"vertical"===n?"2px":"100%",height:"horizontal"===n?"2px":"100%",background:c?void 0:u[0],backgroundImage:c?`linear-gradient(${"horizontal"===n?"to right":"to bottom"}, ${u.join(", ")})`:void 0,alignSelf:l?"stretch":void 0},s)}),void 0)}));o.displayName="Divider",exports.Divider=o;