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

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

export default defineComponent({
    name: "icon-smile-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="M24 41C14.6112 41 7 33.3888 7 24C7 14.6112 14.6112 7 24 7C33.3888 7 41 14.6112 41 24C41 33.3888 33.3888 41 24 41ZM3 24C3 12.402 12.402 3 24 3C35.598 3 45 12.402 45 24C45 35.598 35.598 45 24 45C12.402 45 3 35.598 3 24ZM17 22C18.1046 22 19 21.1046 19 20C19 18.8954 18.1046 18 17 18C15.8954 18 15 18.8954 15 20C15 21.1046 15.8954 22 17 22ZM33 20C33 21.1046 32.1046 22 31 22C29.8954 22 29 21.1046 29 20C29 18.8954 29.8954 18 31 18C32.1046 18 33 18.8954 33 20ZM18.8828 26.1192C20.1627 27.49 21.9811 28.3427 24 28.3427C26.0189 28.3427 27.8373 27.49 29.1172 26.1192C29.3057 25.9173 29.6193 25.8827 29.8339 26.0564L32.1661 27.9436C32.3807 28.1173 32.4148 28.433 32.2315 28.6395C30.219 30.9082 27.2764 32.3427 24 32.3427C20.7236 32.3427 17.781 30.9082 15.7685 28.6395C15.5852 28.433 15.6193 28.1173 15.8339 27.9436L18.1661 26.0564C18.3807 25.8827 18.6943 25.9173 18.8828 26.1192Z"
                    fill={props.color}
                />
            </svg>
        );
    },
});
