@arwes/react-frames/build/esm/FrameLines/FrameLines.js

Futuristic Sci-Fi UI Web Framework

import React, { useMemo } from 'react';
import { cx } from '@arwes/tools';
import { memo } from '@arwes/react-tools';
import { createFrameLinesSettings } from '@arwes/frames';
import { FrameBase } from '../FrameBase/index.js';
const FrameLines = memo((props) => {
    const { styled, animated, padding, largeLineWidth, smallLineWidth, smallLineLength } = props;
    const settings = useMemo(() => createFrameLinesSettings({
        styled,
        animated,
        padding,
        largeLineWidth,
        smallLineWidth,
        smallLineLength
    }), [styled, animated, padding, largeLineWidth, smallLineWidth, smallLineLength]);
    return (React.createElement(FrameBase, { ...props, className: cx('arwes-frames-framelines', props.className), settings: settings }));
});
export { FrameLines };