Blur Image Demo

1import {
2  BlurImage,
3  type BlurImageProps,
4} from '@/components/azemmur/components/azemmur/blur-image';
5 
6interface BlurImageDemoProps {
7  src: string;
8  width?: number;
9  height?: number;
10  intent?: BlurImageProps['intent'];
11  visuals?: BlurImageProps['visuals'];
12  shape?: BlurImageProps['shape'];
13  elevation?: BlurImageProps['elevation'];
14}
15 
16export default function BlurImageDemo({
17  src,
18  width = 400,
19  height = 210,
20  intent,
21  visuals,
22  shape,
23  elevation,
24}: BlurImageDemoProps) {
25  return (
26    <div className="max-w-xl">
27      <BlurImage
28        src={src}
29        width={width}
30        height={height}
31        alt="Demo blur image"
32        intent={intent}
33        visuals={visuals}
34        shape={shape}
35        elevation={elevation}
36      />
37    </div>
38  );
39}