@kubit-ui-web/react-components/dist/esm/components/skeleton/skeletonStandAlone.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

import { jsx as _jsx } from "react/jsx-runtime";
import React from 'react';
import { pickAriaProps } from '../../utils/aria/aria';
import { SkeletonStyled } from './skeleton.styled';
const SkeletonStandAloneComponent = ({ dataTestId = 'skeleton', duration = '1.2s', ...props }, ref) => {
    const ariaProps = pickAriaProps(props);
    return (_jsx(SkeletonStyled, { ref: ref, "$height": props.height, "$width": props.width, "data-testid": dataTestId, duration: duration, styles: props.styles, ...ariaProps }));
};
/**
 * @description
 * Skeleton coponents is a loading component that can be used to show a loading state of a component.
 * @param {React.PropsWithChildren<ISkeletonStandAlone>} props
 * @returns {JSX.Element}
 */
export const SkeletonStandAlone = React.forwardRef(SkeletonStandAloneComponent);
//# sourceMappingURL=skeletonStandAlone.js.map