import React__default from 'react';
import classnames from 'classnames';

var styles = {"frame":"S15iRxwj9UU-","spinning":"zp7d5mzcSHA-"};

function Frame({ children, aspectX = 16, aspectY = 9, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
    return (React__default.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { className: classnames(styles.frame, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container), style: Object.assign({ "--public-frame-numerator": aspectX, "--public-frame-denominator": aspectY }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container) }), children));
}

export { Frame as F };
