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

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

export default defineComponent({
    name: "icon-camera-base-outline",
    props: {
        size: {
            type: [Number, String],
            default: 48,
        },
        color: {
            type: String,
            default: "#131212",
        },
    },
    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="M11.8 15C13.1053 15 14.3284 14.3632 15.0769 13.2938L18.0826 9L29.9174 9L32.9231 13.2938C33.6716 14.3632 34.8947 15 36.2 15H41V37H7V15H11.8ZM18.0826 5C16.7774 5 15.5542 5.63685 14.8057 6.70615L11.8 11H5C3.89543 11 3 11.8954 3 13V39C3 40.1046 3.89543 41 5 41H43C44.1046 41 45 40.1046 45 39V13C45 11.8954 44.1046 11 43 11H36.2L33.1943 6.70615C32.4458 5.63684 31.2226 5 29.9174 5H18.0826ZM29.4883 24.1587C29.4883 26.9201 27.2497 29.1587 24.4883 29.1587C21.7269 29.1587 19.4883 26.9201 19.4883 24.1587C19.4883 21.3973 21.7269 19.1587 24.4883 19.1587C27.2497 19.1587 29.4883 21.3973 29.4883 24.1587ZM24.4883 33.1587C29.4588 33.1587 33.4883 29.1293 33.4883 24.1587C33.4883 19.1881 29.4588 15.1587 24.4883 15.1587C19.5177 15.1587 15.4883 19.1881 15.4883 24.1587C15.4883 29.1293 19.5177 33.1587 24.4883 33.1587Z"
                    fill={props.color}
                />
            </svg>
        );
    },
});
