@atlaskit/motion
Version:
A set of utilities to apply motion in your application.
22 lines (21 loc) • 885 B
JavaScript
/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
import React, { Fragment } from 'react';
import { useResizingHeight } from './use-resizing-height';
/**
* __ResizingHeight__
*
* Component which consumes the useResizingHook() under-the-hood. Its props are the same as the hooks opts.
*
* See [examples](https://atlaskit.atlassian.com/packages/design-system/motion/docs/resizing-motions).
*
* @deprecated Use `Resizing` from `@atlaskit/motion/resizing` instead. Pass `dimension="height"`
* to animate height changes. The new component supports `'width'`, `'height'`, or `'both'`.
*/
export const ResizingHeight = ({
children,
...props
}) => {
const resizing = useResizingHeight(props);
return /*#__PURE__*/React.createElement(Fragment, null, children(resizing));
};
/* eslint-enable @repo/internal/deprecations/deprecation-ticket-required */