# ghostkit/3.5.1/settings/pages/breakpoints.js

Block Animations, Motion &amp; Scroll Effects – Ghost Kit, version 3.5.1. 25 lines.

- Page: https://pluginprobe.com/plugins/ghostkit/3.5.1/code/settings/pages/breakpoints.js
- Raw: https://pluginprobe.com/plugins/ghostkit/3.5.1/raw/settings/pages/breakpoints.js
- Modified: 2024-02-18T18:40:24+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ghostkit/3.5.1/code/settings/pages/breakpoints.js#L10-L20`.

```javascript
import { ExternalLink } from '@wordpress/components';
import { __ } from '@wordpress/i18n';

import ApplyFilters from '../../gutenberg/components/apply-filters';

const { version } = window.ghostkitVariables;

export default function BreakpointSettings(props) {
	return (
		<ApplyFilters name="ghostkit.breakpoints.settings" props={props}>
			<div className="ghostkit-settings-content-wrapper ghostkit-settings-breakpoints">
				{__(
					'Breakpoints available for Pro users only. Read more about Ghost Kit Pro plugin here - ',
					'ghostkit'
				)}
				<ExternalLink
					href={`https://www.ghostkit.io/pricing/?utm_source=plugin&utm_medium=settings&utm_campaign=breakpoints&utm_content=${version}`}
				>
					https://www.ghostkit.io/pricing/
				</ExternalLink>
			</div>
		</ApplyFilters>
	);
}

```
