/**
 * @file ReportBaseFilled
 * @author Auto Generated by IconGarden
 */

import { defineComponent } from "vue";
import { IIconProps } from "../interface";

export default defineComponent({
    name: "icon-report-base-filled",
    props: {
        size: {
            type: [Number, String],
            default: 48,
        },
        color: {
            type: String,
            default: "black",
        },
    },
    setup: (props: IIconProps) => {
        return () => (
            <svg
                width={props.size}
                height={props.size}
                viewBox="0 0 48 48"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
            >
                <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M31.4142 7C30.5233 7 30.0771 8.07714 30.7071 8.7071L33.7884 11.7885L28.3078 17.2691L22.3241 11.2854L19.4957 8.45698C19.1051 8.06646 18.472 8.06646 18.0814 8.45698L15.253 11.2854L15.2527 11.2857L5.70708 20.8314C5.31655 21.2219 5.31655 21.855 5.70708 22.2456L8.5355 25.074C8.92603 25.4645 9.55919 25.4645 9.94972 25.074L18.7886 16.2352L24.5791 22.0257C24.6231 22.1045 24.6785 22.1786 24.7455 22.2456L27.574 25.074C27.776 25.2761 28.043 25.3736 28.3078 25.3665C28.5725 25.3736 28.8395 25.2761 29.0416 25.074L31.87 22.2456C31.937 22.1786 31.9925 22.1045 32.0365 22.0257L38.0311 16.0311L41.2929 19.2929C41.9228 19.9229 43 19.4767 43 18.5858V8C43 7.44772 42.5523 7 42 7H31.4142ZM6.99998 29C6.4477 29 5.99998 29.4477 5.99998 30V40C5.99998 40.5523 6.4477 41 6.99998 41H11C11.5523 41 12 40.5523 12 40V30C12 29.4477 11.5523 29 11 29H6.99998ZM16 24C16 23.4477 16.4477 23 17 23H21C21.5523 23 22 23.4477 22 24V40C22 40.5523 21.5523 41 21 41H17C16.4477 41 16 40.5523 16 40V24ZM27 29C26.4477 29 26 29.4477 26 30V40C26 40.5523 26.4477 41 27 41H31C31.5523 41 32 40.5523 32 40V30C32 29.4477 31.5523 29 31 29H27ZM36 24C36 23.4477 36.4477 23 37 23H41C41.5523 23 42 23.4477 42 24V40C42 40.5523 41.5523 41 41 41H37C36.4477 41 36 40.5523 36 40V24Z"
                    fill={props.color}
                />
            </svg>
        );
    },
});
