const style = require('!!css-loader!sass-loader!./add_star.scss').default;

export const add_star = `
<symbol id="add_star" viewBox="0 0 8192 8192">
    <style type="text/css">
        ${style}
    </style>

    <g id="add_star_main_container">
        <rect x="0" y="0" width="8192" height="8192" fill="white" opacity="0.7"></rect>
        <g id="add_star_outer_container">
            <g id="add_star_container">
                <use class="d-none star-1th" xlink:href="#star" style="scale: 0.15; translate: 1000px 3200px;"></use>
                <use class="d-none star-2nd" xlink:href="#star" style="scale: 0.15; translate: 2200px 3200px;"></use>
                <use class="d-none star-3rd" xlink:href="#star" style="scale: 0.15; translate: 3400px 3200px;"></use>
                <use class="d-none star-4th" xlink:href="#star" style="scale: 0.15; translate: 4600px 3200px;"></use>
                <use class="d-none star-5th" xlink:href="#star" style="scale: 0.15; translate: 5800px 3200px;"></use>
            </g>
        </g>
        <use xlink:href="#confetti"></use>
    </g>
</symbol>
`;
