import * as React from "react";
import { IEmphasisBlock } from "./interfaces/i-emphasis-block";

const EmphasisBlock = ({ children }: IEmphasisBlock) => {
    const divider = () => {
        return (
            <svg
                xmlns="http://www.w3.org/2000/svg"
                data-name="Layer 1"
                className="emphasis-block__border"
                viewBox="0 0 227.59 23.04"
            >
                <defs />
                <title>divider</title>
                <polygon points="113.47 0 113.9 5.76 114.05 7.34 114.55 5.83 116.5 0.36 115.42 6.05 115.13 7.63 115.99 6.26 119.23 1.51 116.71 6.7 116.06 8.14 117.22 7.13 121.61 3.38 117.86 7.7 116.86 8.93 118.22 8.21 123.48 5.76 118.66 9 117.36 9.86 118.94 9.58 124.63 8.5 119.16 10.44 117.65 10.94 119.23 11.09 124.99 11.52 119.23 11.95 117.65 12.03 119.16 12.6 124.63 14.47 118.94 13.39 117.36 13.11 118.66 13.97 123.48 17.28 118.22 14.76 116.86 14.04 117.86 15.26 121.61 19.66 117.22 15.84 116.06 14.83 116.71 16.27 119.23 21.46 115.99 16.7 115.13 15.41 115.42 16.92 116.5 22.61 114.55 17.14 114.05 15.7 113.9 17.28 113.47 23.04 113.04 17.28 112.9 15.7 112.39 17.14 110.52 22.61 111.6 16.92 111.89 15.41 110.95 16.7 107.71 21.46 110.23 16.27 110.88 14.83 109.73 15.84 105.34 19.66 109.08 15.26 110.16 14.04 108.72 14.76 103.54 17.28 108.29 13.97 109.58 13.11 108 13.39 102.39 14.47 107.78 12.6 109.3 12.03 107.71 11.95 101.95 11.52 107.71 11.09 109.3 10.94 107.78 10.44 102.39 8.5 108 9.58 109.58 9.86 108.29 9 103.54 5.76 108.72 8.21 110.16 8.93 109.08 7.7 105.34 3.38 109.73 7.13 110.88 8.14 110.23 6.7 107.71 1.51 110.95 6.26 111.89 7.63 111.6 6.05 110.52 0.36 112.39 5.83 112.9 7.34 113.04 5.76 113.47 0" />
                <polygon points="106.56 6.19 110.23 8.57 111.24 9.22 110.59 8.21 108.22 4.54 111.1 7.85 111.89 8.71 111.53 7.56 110.16 3.46 112.11 7.34 112.68 8.42 112.61 7.2 112.39 2.81 113.26 7.13 113.47 8.28 113.76 7.13 114.63 2.81 114.41 7.2 114.34 8.42 114.84 7.34 116.86 3.46 115.49 7.56 115.06 8.71 115.92 7.85 118.8 4.61 116.43 8.21 115.78 9.22 116.78 8.57 120.39 6.19 117.14 9.07 116.28 9.94 117.36 9.5 121.54 8.21 117.65 10.15 116.57 10.66 117.79 10.58 122.11 10.37 117.86 11.23 116.64 11.52 117.86 11.74 122.11 12.67 117.79 12.38 116.57 12.31 117.65 12.89 121.54 14.83 117.36 13.46 116.21 13.11 117.14 13.9 120.39 16.85 116.71 14.4 115.7 13.75 116.35 14.76 118.8 18.43 115.85 15.19 115.06 14.26 115.42 15.41 116.78 19.58 114.84 15.62 114.27 14.54 114.34 15.77 114.63 20.16 113.69 15.84 113.47 14.69 113.26 15.84 112.32 20.16 112.61 15.77 112.68 14.54 112.11 15.62 110.09 19.51 111.53 15.41 111.89 14.26 111.1 15.12 108.14 18.43 110.59 14.76 111.24 13.75 110.23 14.4 106.56 16.78 109.8 13.9 110.74 13.11 109.58 13.46 105.41 14.83 109.3 12.82 110.38 12.31 109.22 12.38 104.83 12.6 109.08 11.74 110.31 11.45 109.08 11.23 104.83 10.3 109.22 10.58 110.38 10.66 109.3 10.08 105.41 8.14 109.58 9.5 110.74 9.86 109.8 9.07 106.56 6.19" />
                <path
                    d="M306.29,400.1a4.32,4.32,0,1,0-4.39-4.32A4.36,4.36,0,0,0,306.29,400.1Z"
                    transform="translate(-192.82 -384.26)"
                />
                <path
                    d="M420.42,395.63c-33.84,1.15-67.68,1.15-101.16,3.6a8.39,8.39,0,0,0,0-7.2C353,394.48,386.72,395,420.42,395.63Z"
                    transform="translate(-192.82 -384.26)"
                />
                <circle cx="202.11" cy="11.38" r="2.81" />
                <path
                    d="M394.93,397.36a1.73,1.73,0,1,0-1.73-1.73A1.76,1.76,0,0,0,394.93,397.36Z"
                    transform="translate(-192.82 -384.26)"
                />
                <path
                    d="M344.46,401.9a6.27,6.27,0,1,0-6.27-6.27A6.27,6.27,0,0,0,344.46,401.9Z"
                    transform="translate(-192.82 -384.26)"
                />
                <polygon points="151.63 5.69 151.85 8.57 151.92 9.29 152.14 8.57 153.07 5.9 152.57 8.71 152.43 9.43 152.86 8.78 154.44 6.48 153.22 9 152.86 9.72 153.51 9.22 155.59 7.34 153.79 9.5 153.29 10.08 153.94 9.79 156.53 8.57 154.15 10.15 153.51 10.58 154.3 10.44 157.1 9.94 154.44 10.87 153.65 11.09 154.44 11.16 157.32 11.38 154.44 11.59 153.65 11.66 154.44 11.88 157.1 12.82 154.3 12.31 153.51 12.17 154.15 12.6 156.53 14.18 153.94 12.96 153.29 12.67 153.79 13.25 155.59 15.41 153.51 13.54 152.86 13.03 153.22 13.75 154.44 16.27 152.86 13.97 152.43 13.32 152.57 14.04 153.07 16.85 152.14 14.18 151.92 13.46 151.85 14.18 151.63 17.07 151.42 14.18 151.35 13.46 151.06 14.18 150.12 16.85 150.7 14.04 150.84 13.32 150.41 13.97 148.75 16.27 150.05 13.75 150.34 13.03 149.76 13.54 147.6 15.41 149.47 13.25 149.98 12.67 149.26 12.96 146.74 14.18 149.04 12.6 149.69 12.17 148.97 12.31 146.16 12.82 148.82 11.88 149.54 11.66 148.75 11.59 145.94 11.38 148.75 11.16 149.54 11.09 148.82 10.87 146.16 9.94 148.97 10.44 149.69 10.58 149.04 10.15 146.74 8.57 149.26 9.79 149.98 10.08 149.47 9.5 147.6 7.34 149.76 9.22 150.34 9.72 150.05 9 148.75 6.48 150.41 8.78 150.84 9.43 150.7 8.71 150.12 5.9 151.06 8.57 151.35 9.29 151.42 8.57 151.63 5.69" />
                <polygon points="148.25 8.78 150.05 9.94 150.48 10.3 150.19 9.79 149.04 7.99 150.41 9.58 150.84 10.01 150.63 9.43 149.98 7.42 150.98 9.36 151.2 9.86 151.2 9.29 151.06 7.13 151.49 9.22 151.63 9.79 151.78 9.22 152.21 7.13 152.06 9.29 152.06 9.86 152.28 9.36 153.29 7.42 152.57 9.43 152.43 10.01 152.78 9.58 154.22 7.99 153.07 9.79 152.71 10.3 153.22 9.94 155.02 8.78 153.43 10.22 153 10.58 153.58 10.44 155.59 9.72 153.65 10.73 153.14 10.94 153.72 10.94 155.88 10.8 153.79 11.23 153.22 11.38 153.79 11.52 155.88 11.95 153.72 11.81 153.14 11.81 153.65 12.03 155.59 13.03 153.51 12.38 153 12.17 153.43 12.53 155.02 13.97 153.22 12.82 152.71 12.53 153.07 12.96 154.22 14.76 152.78 13.18 152.43 12.74 152.57 13.32 153.22 15.34 152.28 13.39 151.99 12.89 152.06 13.46 152.14 15.62 151.71 13.54 151.63 12.96 151.49 13.54 151.06 15.62 151.2 13.46 151.2 12.89 150.91 13.39 149.98 15.34 150.63 13.32 150.84 12.74 150.41 13.18 148.97 14.76 150.19 12.96 150.48 12.46 149.98 12.82 148.18 13.97 149.83 12.53 150.27 12.17 149.69 12.31 147.67 13.03 149.54 12.03 150.12 11.81 149.47 11.81 147.38 11.95 149.47 11.52 150.05 11.38 149.47 11.23 147.38 10.8 149.54 10.94 150.12 10.94 149.54 10.73 147.67 9.72 149.69 10.37 150.27 10.58 149.83 10.22 148.25 8.78" />
                <path
                    d="M344.46,397.79a2.22,2.22,0,0,0,2.16-2.16,2.16,2.16,0,0,0-2.16-2.09,2.11,2.11,0,0,0-2.17,2.09A2.17,2.17,0,0,0,344.46,397.79Z"
                    transform="translate(-192.82 -384.26)"
                />
                <path
                    d="M192.82,395.63c33.84,1.15,67.68,1.15,101.16,3.6a8.39,8.39,0,0,1,0-7.2C260.29,394.48,226.52,395,192.82,395.63Z"
                    transform="translate(-192.82 -384.26)"
                />
                <path
                    d="M218.31,398.44a2.81,2.81,0,0,0,2.81-2.81,2.87,2.87,0,0,0-2.81-2.81,2.82,2.82,0,0,0-2.81,2.81A2.77,2.77,0,0,0,218.31,398.44Z"
                    transform="translate(-192.82 -384.26)"
                />
                <path
                    d="M218.31,397.36a1.73,1.73,0,0,0,0-3.46,1.73,1.73,0,1,0,0,3.46Z"
                    transform="translate(-192.82 -384.26)"
                />
                <path
                    d="M268.78,401.9a6.27,6.27,0,1,0-6.26-6.27A6.27,6.27,0,0,0,268.78,401.9Z"
                    transform="translate(-192.82 -384.26)"
                />
                <polygon points="75.96 5.69 75.74 8.57 75.67 9.29 75.46 8.57 74.52 5.9 75.03 8.71 75.17 9.43 74.74 8.78 73.15 6.48 74.38 9 74.74 9.72 74.09 9.22 72 7.34 73.8 9.5 74.31 10.08 73.66 9.79 71.06 8.57 73.44 10.15 74.09 10.58 73.3 10.44 70.49 9.94 73.15 10.87 73.94 11.09 73.15 11.16 70.27 11.38 73.15 11.59 73.94 11.66 73.15 11.88 70.49 12.82 73.3 12.31 74.09 12.17 73.44 12.6 71.06 14.18 73.66 12.96 74.31 12.67 73.8 13.25 72 15.41 74.09 13.54 74.74 13.03 74.38 13.75 73.15 16.27 74.74 13.97 75.17 13.32 75.03 14.04 74.52 16.85 75.46 14.18 75.67 13.46 75.74 14.18 75.96 17.07 76.18 14.18 76.25 13.46 76.54 14.18 77.47 16.85 76.9 14.04 76.75 13.32 77.19 13.97 78.84 16.27 77.55 13.75 77.26 13.03 77.83 13.54 79.99 15.41 78.12 13.25 77.62 12.67 78.34 12.96 80.86 14.18 78.55 12.6 77.9 12.17 78.63 12.31 81.43 12.82 78.77 11.88 78.05 11.66 78.84 11.59 81.65 11.38 78.84 11.16 78.05 11.09 78.77 10.87 81.43 9.94 78.63 10.44 77.9 10.58 78.55 10.15 80.86 8.57 78.34 9.79 77.62 10.08 78.12 9.5 79.99 7.34 77.83 9.22 77.26 9.72 77.55 9 78.84 6.48 77.19 8.78 76.75 9.43 76.9 8.71 77.47 5.9 76.54 8.57 76.25 9.29 76.18 8.57 75.96 5.69" />
                <polygon points="79.34 8.78 77.55 9.94 77.11 10.3 77.4 9.79 78.55 7.99 77.19 9.58 76.75 10.01 76.97 9.43 77.62 7.42 76.61 9.36 76.39 9.86 76.39 9.29 76.54 7.13 76.11 9.22 75.96 9.79 75.82 9.22 75.39 7.13 75.53 9.29 75.53 9.86 75.31 9.36 74.31 7.42 75.03 9.43 75.17 10.01 74.81 9.58 73.37 7.99 74.52 9.79 74.88 10.3 74.38 9.94 72.58 8.78 74.16 10.22 74.59 10.58 74.02 10.44 72 9.72 73.94 10.73 74.45 10.94 73.87 10.94 71.71 10.8 73.8 11.23 74.38 11.38 73.8 11.52 71.71 11.95 73.87 11.81 74.45 11.81 73.94 12.03 72 13.03 74.09 12.38 74.59 12.17 74.16 12.53 72.58 13.97 74.38 12.82 74.88 12.53 74.52 12.96 73.37 14.76 74.81 13.18 75.17 12.74 75.03 13.32 74.38 15.34 75.31 13.39 75.6 12.89 75.53 13.46 75.46 15.62 75.89 13.54 75.96 12.96 76.11 13.54 76.54 15.62 76.39 13.46 76.39 12.89 76.68 13.39 77.62 15.34 76.97 13.32 76.75 12.74 77.19 13.18 78.63 14.76 77.4 12.96 77.11 12.46 77.62 12.82 79.42 13.97 77.76 12.53 77.33 12.17 77.9 12.31 79.92 13.03 78.05 12.03 77.47 11.81 78.05 11.81 80.21 11.95 78.12 11.52 77.55 11.38 78.12 11.23 80.21 10.8 78.05 10.94 77.47 10.94 78.05 10.73 79.92 9.72 77.9 10.37 77.33 10.58 77.76 10.22 79.34 8.78" />
                <path
                    d="M268.78,397.79a2.16,2.16,0,0,0,2.16-2.16,2.11,2.11,0,0,0-2.16-2.09,2.16,2.16,0,0,0-2.16,2.09A2.22,2.22,0,0,0,268.78,397.79Z"
                    transform="translate(-192.82 -384.26)"
                />
            </svg>
        );
    };

    return (
        <section className="emphasis-block">
            {divider()}
            <div className="emphasis-block__content">{children}</div>
            {divider()}
        </section>
    );
};

export { EmphasisBlock };
