const Icon = {
props: {
css: {
type: String,
default: 'text-gray-800'
},
size: {
type: String,
default: 'md'
}
},
methods: {
defineSize: (val) => {
let size = '';
switch(val){
case 'xs':
size = 'w-3 h-3';
break;
case 'sm':
size = 'w-4 h-4';
break;
case 'lg':
size = 'w-6 h-6';
break;
default:
size = 'w-5 h-5';
break;
}
return size;
}
},
}
const AddressBookIcon = {
__proto__: Icon,
setup: () => {
console.log(this.props)
},
template: ``
};
const AlignCenterIcon = {
__proto__: Icon,
template: ``
}
const EditIcon = {
__proto__: Icon,
template: ``
}
const TrashBinIcon = {
__proto__: Icon,
template: ``
}
const SearchIcon = {
__proto__: Icon,
template: ``
}
const AdjustmentIcon = {
__proto__: Icon,
template: `
`
}
const AngleDownIcon = {
__proto__: Icon,
template: `
`
}
const AngleUpIcon = {
__proto__: Icon,
template: `
`
}
const UserEditIcon = {
__proto__: Icon,
template: `
`
}
const CirclePlusIcon = {
__proto__: Icon,
template: `
`
}
const PlusIcon = {
__proto__: Icon,
template: `
`
}
const DottedMenu = {
__proto__: Icon,
template: `
`
}
export {
AddressBookIcon,
AlignCenterIcon,
EditIcon,
TrashBinIcon,
SearchIcon,
AdjustmentIcon,
AngleDownIcon,
AngleUpIcon,
UserEditIcon,
CirclePlusIcon,
PlusIcon,
DottedMenu
};