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

Futuristic Sci-Fi UI Web Framework

import React, { useMemo } from 'react';
import { cx } from '@arwes/tools';
import { memo } from '@arwes/react-tools';
import { createFrameCircleSettings } from '@arwes/frames';
import { FrameBase } from '../FrameBase/index.js';
const FrameCircle = memo((props) => {
    const { styled, animated, padding, strokeWidth, separation, sideWidth } = props;
    const settings = useMemo(() => createFrameCircleSettings({ styled, animated, padding, strokeWidth, separation, sideWidth }), [styled, animated, padding, strokeWidth, separation, sideWidth]);
    return (React.createElement(FrameBase, { ...props, className: cx('arwes-frames-framecircle', props.className), settings: settings }));
});
export { FrameCircle };